@charset "UTF-8";

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    pointer-events: auto;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

@media screen and (-ms-high-contrast:active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6
    }
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

body,
html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-weight: inherit;
    height: 100%
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html {
    font-size: 10px;
    -webkit-text-size-adjust: 100%;
    max-width: 2560px;
    margin: 0 auto
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background-color: transparent;
    border-radius: 0;
    font-family: Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

@font-face {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans CJK JP Medium"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype")
}

body {
    color: #333;
    background-color: #161616;
    font-family: Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-size: 1.3rem;
    line-height: 2;
    font-feature-settings: "palt"1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[lang^=zh] body,
html[lang^=zh] body div[news-post-child-component],
html[lang^=zh] button {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

body div[news-post-child-component] {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

main {
    overflow: hidden;
    display: block;
    background-color: #fff
}

img,
video {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

a {
    color: #204072;
    text-decoration: none
}

input,
textarea {
    padding: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    line-height: 2;
    border: 0;
    border-radius: 0;
    box-sizing: border-box
}

.okraContentResolving {
    min-height: 100vh
}

.blk-Breadcrumb,
.okraAdmin-PostPreview {
    background-color: #fff
}

.blk-Breadcrumb_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.blk-Breadcrumb_Items {
    display: flex;
    align-items: center;
    height: 40px
}

.blk-Breadcrumb_Item {
    font-size: 1rem
}

.blk-Breadcrumb_Item:not(:last-child):after {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 5px;
    height: 8px;
    margin: 0 10px;
    background: url(/assets/img/icon_arrow_breadcrumb.svg) 0 0/100% no-repeat;
    vertical-align: middle;
    content: ""
}

.blk-Disclaimer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 20px 0;
    background-color: rgba(19, 41, 75, .8)
}

.blk-Disclaimer_Inner {
    display: flex;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.blk-Disclaimer_Body {
    flex: 1;
    margin-right: auto;
    color: #fff;
    font-size: 1.2rem
}

.blk-Disclaimer_Body a {
    color: #fff;
    text-decoration: underline
}

.blk-Disclaimer_Text {
    display: inline-block;
    margin-right: 10px
}

.blk-Disclaimer_Close {
    box-sizing: border-box;
    min-width: 110px;
    height: 30px;
    padding: 0 20px;
    border-radius: 4px;
    background-color: #fff;
    color: #204072;
    font-size: 1.2rem
}

.blk-Dropdown {
    position: absolute;
    left: 0;
    z-index: 3;
    width: 100%
}

.blk-Dropdown_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.blk-Dropdown_Item {
    opacity: 0;
    position: absolute;
    width: 100%;
    padding-top: 40px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04);
    pointer-events: none;
    transition: opacity .2s .1s
}

.blk-Dropdown_Item.is-shown {
    opacity: 1;
    pointer-events: all;
    transition: opacity .2s
}

.blk-Dropdown_Heading {
    margin-bottom: 35px;
    text-align: center;
    font-size: 2rem;
    font-weight: 700
}

.blk-Dropdown_Nav {
    padding: 23px 0;
    border-top: 1px solid #eee
}

.blk-Dropdown_NavItems {
    display: flex;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.blk-Dropdown_NavItem:not(:last-child) {
    margin-right: 30px
}

.blk-Dropdown_NavItem>a {
    font-size: 1.2rem
}

.blk-Footer_Top {
    padding: 25px 0;
    border-bottom: 1px solid #383838
}

.blk-Footer_Nav {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.blk-Footer_NavItems {
    position: relative;
    display: flex;
    justify-content: space-around
}

.blk-Footer_NavItems:after {
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    width: 1px;
    height: 12px;
    background-color: #383838;
    content: ""
}

.blk-Footer_NavItem {
    position: relative;
    flex: 1
}

.blk-Footer_NavItem:before {
    position: absolute;
    top: calc(50% - 6px);
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #383838;
    content: ""
}

.blk-Footer_NavItem a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 10px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #fff
}

.blk-Footer_Bottom {
    position: relative;
    display: flex;
    align-items: center;
    height: 110px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.blk-Footer_BottomItem:first-child {
    flex: 1;
    padding-right: 20px;
    text-align: left
}

.blk-Footer_BottomItem:nth-child(2) {
    text-align: center
}

.blk-Footer_BottomItem:nth-child(3) {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 270px;
    padding-left: 20px
}

.blk-Footer_Language {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    min-width: 180px;
    padding: 4px 30px 4px 10px;
    border-radius: 4px;
    background-color: #262626;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff
}

.blk-Footer_Language>img {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.blk-Footer_Copyright,
.blk-Footer_Youtube {
    font-weight: 700;
    font-size: 1.1rem;
    color: #fff
}

.blk-Footer_Youtube {
    margin-right: 30px
}

.blk-Footer_Youtube img {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle
}

.blk-Footer_SnsItems {
    display: flex;
    align-items: center;
    min-width: 132px
}

.blk-Footer_SnsItems:before {
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-right: 30px;
    background-color: #383838;
    content: ""
}

.blk-Footer_SnsItem:not(:last-child) {
    margin-right: 10px
}

.blk-Footer_SnsItem a {
    display: block;
    padding: 5px;
    line-height: 1
}

.blk-Gnav {
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    left: 0;
    z-index: 2;
    max-height: calc(100vh - 60px);
    width: 100%;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04);
    pointer-events: none;
    transition: opacity .2s;
    -webkit-overflow-scrolling: touch
}

.blk-Gnav.is-show {
    opacity: 1;
    pointer-events: all
}

.blk-Gnav[aria-hidden] {
    display: none
}

.blk-Gnav[aria-hidden=false] {
    display: block
}

.blk-Gnav_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 20px
}

.blk-Gnav_Search {
    position: relative;
    margin-bottom: 40px
}

.blk-Gnav_SearchInput {
    padding: 5px 10px 5px 55px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    font-size: 1.6rem
}

.blk-Gnav_SearchInput::-webkit-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.blk-Gnav_SearchInput::-moz-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.blk-Gnav_SearchInput:-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.blk-Gnav_SearchInput::-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.blk-Gnav_SearchInput::placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.blk-Gnav_SearchButton {
    position: absolute;
    top: 13px;
    left: 18px;
    padding: 5px
}

.blk-Gnav_Menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -40px
}

.blk-Gnav_MenuItem {
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 40px;
    padding: 40px;
    border-left: 1px solid #eee
}

.blk-Gnav_MenuItem:nth-child(4n) {
    border-right: 1px solid #eee
}

.blk-Gnav_ContentHeading {
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-Gnav_ContentHeading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-Gnav_ContentHeading:not(:last-child) {
    margin-bottom: 20px
}

.blk-Gnav_ContentHeading a,
.blk-Gnav_ContentHeading button {
    color: #161616
}

.blk-Gnav_ContentItems {
    margin-top: 30px
}

.blk-Gnav_ContentItem:not(:last-child) {
    margin-bottom: 3px
}

.blk-Gnav_ContentItem a>img {
    display: inline-block;
    vertical-align: unset;
    margin-left: 5px
}

.blk-Gnav_Link {
    font-weight: 700
}

.blk-Gnav_Link:not(:last-child) {
    margin-bottom: 20px
}

.blk-Gnav_Link a {
    color: #161616
}

.blk-Gnav_SocialHeading {
    margin-bottom: 30px;
    font-weight: 700;
    color: #888
}

.blk-Gnav_SocialItem:not(:last-child) {
    margin-bottom: 3px
}

.blk-Gnav_LanguageHeading {
    margin-bottom: 30px;
    font-weight: 700;
    color: #888
}

.blk-Gnav_LanguageButton {
    position: relative;
    display: block;
    padding: 12px 30px 12px 20px;
    background-color: #e6e6e6;
    border-radius: 4px;
    font-weight: 700
}

.blk-Gnav_LanguageButton>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 10px;
    margin-top: -4px
}

.blk-Gnav_Bottom {
    padding: 20px 0;
    border-top: 1px solid #eee;
    text-align: center
}

.blk-Gnav_Close {
    padding: 5px;
    font-size: 1.3rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-Gnav_Close {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-Gnav_Close:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    background: url(/assets/img/icon_close_black.svg) 0 0/100% no-repeat;
    content: ""
}

.blk-Header {
    position: relative;
    padding-top: 68px;
    border-bottom: 1px solid #eee;
    background-color: #fff
}

.blk-Header_Inner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    transition: top .4s cubic-bezier(.215, .61, .355, 1)
}

.is-headerHide .blk-Header_Inner {
    top: -68px
}

.blk-Header_Inside {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 68px;
    padding: 0 14px;
    border-bottom: 1px solid #eee;
    background-color: #fff
}

.blk-Header_Menu {
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: auto;
    background: #161616;
    border-radius: 4px
}

.blk-Header_Menu:before {
    top: 15px
}

.blk-Header_Menu:after,
.blk-Header_Menu:before {
    position: absolute;
    left: 11px;
    width: 18px;
    height: 2px;
    background-color: #fff;
    content: ""
}

.blk-Header_Menu:after {
    top: 23px
}

.blk-Header_Menu.is-show:before {
    top: 19px;
    transform: rotate(45deg)
}

.blk-Header_Menu.is-show:after {
    top: 19px;
    transform: rotate(-45deg)
}

.blk-Header_GlobalLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 115px;
    height: 37px;
    margin: -18px 0 0 -57px
}

.blk-Header_Wishlist {
    margin-right: 15px;
    padding: 5px;
    line-height: 1
}

.blk-Header_Wishlist.is-added .shape {
    fill: #a89579
}

.blk-Header_Wishlist>svg {
    vertical-align: middle
}

.blk-Header_Watchfinder {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    background: #161616;
    border-radius: 4px
}

.blk-Header_Watchfinder>svg {
    vertical-align: middle
}

.blk-Header_WatchfinderLabel {
    overflow: hidden;
    position: relative;
    width: 0;
    height: 100%;
    color: #fff;
    transition: width .5s cubic-bezier(.25, .46, .45, .94)
}

.blk-Header_WatchfinderText {
    position: absolute;
    padding: 0 15px 0 5px;
    white-space: nowrap;
    line-height: 40px;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-Header_WatchfinderText {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-Header_Nav {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.blk-Header_NavItems {
    position: relative;
    display: flex;
    justify-content: space-around;
    height: 50px
}

.blk-Header_NavItems:after {
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    width: 1px;
    height: 12px;
    background-color: #eee;
    content: ""
}

.blk-Header_NavItem {
    position: relative;
    flex: 1
}

.blk-Header_NavItem:before {
    position: absolute;
    top: calc(50% - 6px);
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #eee;
    content: ""
}

.blk-Header_NavItem>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 10px;
    font-weight: 700;
    color: #000;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-Header_NavItem>a {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-Header_NavItem>a.is-current {
    opacity: .4
}

.blk-LocalHeader.is-fixed {
    padding-bottom: 50px
}

.blk-LocalHeader_Inner {
    position: relative;
    background-color: #161616;
    transition: top .4s cubic-bezier(.215, .61, .355, 1)
}

.is-fixed .blk-LocalHeader_Inner {
    position: fixed;
    top: 68px;
    z-index: 3;
    width: 100%;
    transform: translateZ(0)
}

.is-headerHide .blk-LocalHeader_Inner {
    top: 0
}

.is-lukia .blk-LocalHeader_Inner {
    background-color: #b72841
}

.blk-LocalHeader_Inside {
    display: flex;
    align-items: center;
    height: 50px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.blk-LocalHeader_Title {
    flex-shrink: 0;
    margin-right: auto;
    padding-right: 20px;
    font-size: 1.6rem;
    color: #fff;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-LocalHeader_Title {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-LocalHeader_Title>a {
    color: #fff
}

.blk-LocalHeader_Items {
    display: flex
}

.blk-LocalHeader_Item:not(:last-child) {
    margin-right: 30px
}

.blk-LocalHeader_Item>a {
    color: #fff;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-LocalHeader_Item>a {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-LocalHeader_SeriesHeading>a {
    color: #fff;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-LocalHeader_SeriesHeading>a {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-LocalHeader_SeriesHeading>span {
    color: #fff;
    cursor: pointer;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-LocalHeader_SeriesHeading>span {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-LocalHeader_SeriesItems {
    display: none
}

.blk-LocalHeader_SeriesItem>a {
    color: #fff;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-LocalHeader_SeriesItem>a {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-LocalHeader_Close,
.blk-LocalHeader_Trigger {
    display: none
}

.blk-PostList {
    position: relative
}

.blk-PostList_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.blk-PostList_Items {
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    transition-property: transform
}

.blk-PostList_Item,
.blk-PostList_Items {
    position: relative;
    box-sizing: border-box
}

.blk-PostList_Item {
    flex-shrink: 0;
    width: 22.65625%
}

.blk-PostList_Item:not(:last-child) {
    margin-right: 3.125%
}

.blk-PostList_Item a {
    display: block
}

.blk-PostList_Item a p>img {
    display: inline-block;
    vertical-align: unset;
    margin-left: 3px
}

.blk-PostList_Thumb {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    background-image: url(/assets/img/img_noimage02_l.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.blk-PostList_Meta {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.blk-PostList_Date {
    margin-right: 18px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-PostList_Date {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-PostList_Categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.blk-PostList_Category,
.blk-PostList_Category-basel,
.blk-PostList_Category-important,
.blk-PostList_Category-press,
.blk-PostList_Category-story,
.blk-PostList_Category-topics {
    margin-right: 5px;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-PostList_Category,
html[lang^=zh] .blk-PostList_Category-basel,
html[lang^=zh] .blk-PostList_Category-important,
html[lang^=zh] .blk-PostList_Category-press,
html[lang^=zh] .blk-PostList_Category-story,
html[lang^=zh] .blk-PostList_Category-topics {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-PostList_Category-press {
    color: #a89579
}

.blk-PostList_Category-topics {
    color: #888
}

.blk-PostList_Category-basel {
    color: #5380b1
}

.blk-PostList_Category-story {
    color: #a685b1
}

.blk-PostList_Category-important {
    color: #e86963
}

.blk-PostList_Title {
    font-size: 1.4rem;
    display: inline-block
}

.blk-PostList_Title:not(:last-child) {
    margin-bottom: 20px
}

.blk-PostList_Lead {
    font-size: 1.4rem;
    color: #333
}

.blk-PostList_Lead a:link {
    text-decoration: underline
}

.blk-PostList_Lead a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.blk-PostList_Lead a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.blk-PostList_Lead b,
.blk-PostList_Lead strong {
    font-weight: 700
}

.blk-PostList_Lead em,
.blk-PostList_Lead i {
    font-style: italic
}

.blk-PostList_Prev {
    position: absolute;
    top: 50%;
    left: -11px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.blk-PostList_Prev>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -5px 0 0 -3px
}

.blk-PostList_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.blk-PostList_Next {
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.blk-PostList_Next>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -5px 0 0 -3px
}

.blk-PostList_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.blk-PostList_Pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.blk-PostList_Pagination-item {
    position: relative;
    width: 20px;
    height: 20px
}

.blk-PostList_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.blk-PostList_Pagination-item.is-current:before {
    background-color: #161616
}

.blk-ProductList {
    position: relative
}

.blk-ProductList_Items {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    padding-right: 1px;
    box-sizing: border-box;
    transition-property: transform
}

.blk-ProductList_Item {
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    border-left: 1px solid #eee;
    width: 25%
}

.blk-ProductList_Item:last-child {
    border-right: 1px solid #eee
}

.blk-ProductList_Item>a {
    display: block;
    padding: 0 40px 40px
}

.blk-ProductList_Favorite {
    position: absolute;
    top: -5px;
    right: 15px
}

.blk-ProductList_Favorite button {
    padding: 5px
}

.blk-ProductList_Favorite button.is-added .shape {
    fill: #a89579
}

.blk-ProductList_Label {
    display: flex;
    justify-content: center;
    min-height: 13px;
    margin-bottom: 30px;
    line-height: 1
}

.blk-ProductList_LabelNew {
    font-weight: 700;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-ProductList_LabelNew {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-ProductList_LabelNew:not(:last-child) {
    margin-right: 10px
}

.blk-ProductList_LabelLimited {
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-ProductList_LabelLimited {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-ProductList_Image {
    margin-bottom: 35px
}

.blk-ProductList_Collection {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.2rem;
    color: #161616
}

.blk-ProductList_Name {
    margin-bottom: 35px;
    font-size: 2rem;
    text-align: center;
    color: #161616;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-ProductList_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-ProductList_Price {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    color: #333;
    text-align: center
}

.blk-ProductList_PriceCurrency {
    font-weight: 400;
    font-size: 1rem
}

.blk-ProductList_PriceCurrency:first-child {
    margin-right: 5px
}

.blk-ProductList_PriceCurrency:last-child {
    margin-left: 5px
}

.blk-ProductList_Target {
    display: flex;
    justify-content: center
}

.blk-ProductList_TargetMens {
    font-size: 1.1rem;
    color: #4194bf;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-ProductList_TargetMens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-ProductList_TargetWomens {
    font-size: 1.1rem;
    color: #e77085;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-ProductList_TargetWomens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-ProductList_TargetPair {
    font-size: 1.1rem;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-ProductList_TargetPair {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-ProductList_TargetPair:not(:only-child):before {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 10px;
    background-color: #ddd;
    content: ""
}

.blk-ProductList_Prev {
    position: absolute;
    top: 50%;
    left: -11px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.blk-ProductList_Prev>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -5px 0 0 -4px
}

.blk-ProductList_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.blk-ProductList_Next {
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.blk-ProductList_Next>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -5px 0 0 -2px
}

.blk-ProductList_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.blk-ProductList_Pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.blk-ProductList_Pagination-item {
    position: relative;
    width: 20px;
    height: 20px
}

.blk-ProductList_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.blk-ProductList_Pagination-item.is-current:before {
    background-color: #161616
}

.blk-RelatedLink {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px
}

.blk-RelatedLink ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px
}

.blk-RelatedLink li {
    position: relative;
    margin-top: 10px;
    font-size: 1.4rem
}

.blk-RelatedLink li a:link {
    text-decoration: underline
}

.blk-RelatedLink li a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.blk-RelatedLink li a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.blk-RelatedLink li b,
.blk-RelatedLink li strong {
    font-weight: 700
}

.blk-RelatedLink li em,
.blk-RelatedLink li i {
    font-style: italic
}

.blk-RelatedLink li:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px
}

.blk-RelatedLink li:not(:last-child):after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #e6e6e6;
    content: ""
}

.blk-RelatedLink li a {
    display: block
}

.blk-SeriesList_Inner {
    position: relative;
    z-index: 1
}

.blk-SeriesList_Inside {
    overflow: hidden;
    margin-bottom: 33px
}

.blk-SeriesList_Items {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition-property: transform
}

.blk-SeriesList_Item {
    flex-shrink: 0;
    width: 14.0625%;
    min-height: 40px
}

.blk-SeriesList_Item:not(:last-child) {
    margin-right: 3.125%
}

.blk-SeriesList_Item a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.blk-SeriesList_Thumb {
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 30px
}

.blk-SeriesList_Name {
    flex-shrink: 0;
    max-width: 100%;
    font-size: 1.2rem;
    text-align: center
}

.blk-SeriesList_Button,
.blk-SeriesList_Button-next,
.blk-SeriesList_Button-prev {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%
}

.blk-SeriesList_Button-prev {
    left: -11px
}

.blk-SeriesList_Button-next {
    right: -11px
}

.blk-SeriesList_Prev {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.blk-SeriesList_Prev>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px
}

.blk-SeriesList_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.blk-SeriesList_Next {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.blk-SeriesList_Next>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px
}

.blk-SeriesList_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.blk-StoreSearch {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    margin-bottom: 120px;
    background: url(/assets/img/img_storesearch.jpg) 50%/cover no-repeat
}

.blk-StoreSearch.okra-style-on-init {
    opacity: 0
}

.blk-StoreSearch.okra-style-on-init .blk-StoreSearch_Inner {
    opacity: 0;
    position: relative;
    top: 20px
}

.blk-StoreSearch.okra-style-on-init .blk-StoreSearch_Button {
    opacity: 0
}

.blk-StoreSearch.okra-style-on-scroll {
    opacity: 1;
    transition: opacity .8s
}

.blk-StoreSearch.okra-style-on-scroll .blk-StoreSearch_Inner {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.blk-StoreSearch.okra-style-on-scroll .blk-StoreSearch_Button {
    opacity: 1;
    transition: opacity .4s 1s, background .4s
}

.blk-StoreSearch_Inner {
    box-sizing: border-box;
    width: 620px;
    padding: 40px 40px 0;
    background-color: #fff
}

.blk-StoreSearch_Heading {
    margin-bottom: 40px;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    line-height: 1
}

html[lang^=zh] .blk-StoreSearch_Heading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.blk-StoreSearch_Lead {
    margin-bottom: 46px;
    font-size: 1.4rem
}

.blk-StoreSearch_Button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 290px;
    height: 60px;
    margin: 0 auto -30px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff
}

.blk-StoreSearch_Button>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.blk-UnderlayerHeading {
    margin-bottom: 70px;
    border-bottom: 1px solid #eee
}

.blk-UnderlayerHeading_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 20px
}

.blk-UnderlayerHeading_Title {
    font-size: 3rem;
    color: #161616;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .blk-UnderlayerHeading_Title {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.bq-Index {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px
}

.bq-Index_Image {
    margin-bottom: 70px
}

.bq-Index_Links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 120px
}

.bq-Index_Links>li {
    box-sizing: border-box;
    padding: 0 4% 0 0;
    border-right: 1px solid #e6e6e6;
    font-size: 1.4rem
}

.bq-Index_Links>li:first-child {
    padding-left: 0
}

.bq-Index_Links>li:last-child {
    padding-right: 0;
    border-right: none
}

.bq-Index_Links>li a {
    display: block
}

.bq-Index_Links>li a.is-current {
    color: #aaa
}

.bq-Wrapper {
    margin-bottom: 120px
}

.bd-Features {
    margin-bottom: 150px
}

.bd-Features_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .bd-Features_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .bd-Features_Heading {
    color: #b72841
}

.bd-Features_Media {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px
}

.bd-Features_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.bd-Features_Body {
    box-sizing: border-box;
    width: 100%;
    max-width: 660px;
    padding: 0 20px;
    margin: -40px auto 0
}

.bd-Features_Inner {
    position: relative;
    padding: 70px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04)
}

.bd-Features_InnerHeading {
    margin-bottom: 40px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616
}

.bd-Features_Text {
    font-size: 1.5rem
}

.bd-Features_Text:not(:last-child) {
    margin-bottom: 20px
}

.bd-Features_Button {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
}

.bd-Features_Button a {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.bd-Features_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.bd-ImportantNews {
    margin-bottom: 120px
}

.bd-ImportantNews.okra-style-on-init {
    opacity: 0;
    position: relative;
    top: 40px
}

.bd-ImportantNews.okra-style-on-scroll {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-ImportantNews_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.bd-ImportantNews_Box {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    border: 4px solid #eee
}

.bd-ImportantNews_Heading {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-size: 1.4rem;
    font-weight: 700
}

.bd-ImportantNews_Heading>img {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.bd-ImportantNews_Items {
    flex: 1
}

.bd-ImportantNews_Item:not(:last-child) {
    margin-bottom: 10px
}

.bd-ImportantNews_Item a {
    position: relative;
    display: block;
    font-size: 1.4rem;
    padding-right: 15px
}

.bd-ImportantNews_Item a:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    width: 7px;
    height: 10px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.bd-Lead {
    max-width: 840px;
    margin: 120px auto;
    padding: 0 20px;
    font-size: 1.5rem;
    text-align: center
}

.bd-Lead.okra-style-on-init {
    opacity: 0;
    position: relative;
    top: 20px
}

.bd-Lead.okra-style-on-scroll {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.bd-Lineup {
    margin-bottom: 120px
}

.bd-Lineup.okra-style-on-init .bd-Lineup_Heading {
    opacity: 0
}

.bd-Lineup.okra-style-on-init .blk-ProductList_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.bd-Lineup.okra-style-on-init .bd-Lineup_Button,
.bd-Lineup.okra-style-on-init .blk-ProductList_Next,
.bd-Lineup.okra-style-on-init .blk-ProductList_Pagination {
    opacity: 0
}

.bd-Lineup.okra-style-on-scroll .bd-Lineup_Heading {
    opacity: 1;
    transition: opacity .8s
}

.bd-Lineup.okra-style-on-scroll .blk-ProductList_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-Lineup.okra-style-on-scroll .blk-ProductList_Item:nth-child(2) {
    transition-delay: .2s, .2s
}

.bd-Lineup.okra-style-on-scroll .blk-ProductList_Item:nth-child(3) {
    transition-delay: .4s, .4s
}

.bd-Lineup.okra-style-on-scroll .blk-ProductList_Item:nth-child(4) {
    transition-delay: .6s, .6s
}

.bd-Lineup.okra-style-on-scroll .blk-ProductList_Next:not(.is-disabled),
.bd-Lineup.okra-style-on-scroll .blk-ProductList_Pagination {
    opacity: 1;
    transition: opacity .8s
}

.bd-Lineup.okra-style-on-scroll .bd-Lineup_Button {
    opacity: 1;
    transition: opacity .8s .4s
}

.bd-Lineup_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.bd-Lineup_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .bd-Lineup_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .bd-Lineup_Heading {
    color: #b72841
}

.bd-Lineup_Container {
    overflow: hidden
}

.bd-Lineup .blk-ProductList_Prev {
    top: 0;
    left: 10px;
    margin-top: 19.2424242%
}

.bd-Lineup .blk-ProductList_Next {
    top: 0;
    right: 10px;
    margin-top: 19.2424242%
}

.bd-Lineup_Button {
    margin-top: 50px;
    text-align: center
}

.bd-Lineup_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.bd-Lineup_Button a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.is-lukia .bd-Lineup_Button a {
    background-color: #b72841
}

.bd-MainVisual {
    position: relative;
    margin-bottom: 40px
}

.bd-MainVisual.okra-style-on-init {
    opacity: 0
}

.bd-MainVisual.okra-style-on-scroll {
    opacity: 1;
    transition: opacity .8s
}

.bd-MainVisual_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 550px;
    margin-left: auto;
    margin-right: auto
}

.bd-MainVisual_Items {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%
}

.bd-MainVisual_Item {
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 100%
}

.bd-MainVisual_Media {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bd-MainVisual_Media img,
.bd-MainVisual_Media video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.bd-MainVisual_Prev {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 1;
    width: 32px;
    height: 32px;
    margin-top: 259px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.bd-MainVisual_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.bd-MainVisual_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.bd-MainVisual_Next {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 1;
    width: 32px;
    height: 32px;
    margin-top: 259px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.bd-MainVisual_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.bd-MainVisual_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.bd-MainVisual_Pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.bd-MainVisual_Pagination-item {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer
}

.bd-MainVisual_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.bd-MainVisual_Pagination-item.is-current:before {
    background-color: #161616
}

.bd-News {
    margin-bottom: 120px
}

.bd-News.okra-style-on-init .bd-News_Heading {
    opacity: 0
}

.bd-News.okra-style-on-init .blk-PostList_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.bd-News.okra-style-on-init .blk-PostList_Next,
.bd-News.okra-style-on-init .blk-PostList_Pagination {
    opacity: 0
}

.bd-News.okra-style-on-scroll .bd-News_Heading {
    opacity: 1;
    transition: opacity .8s
}

.bd-News.okra-style-on-scroll .blk-PostList_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-News.okra-style-on-scroll .blk-PostList_Item:nth-child(2) {
    transition-delay: .2s
}

.bd-News.okra-style-on-scroll .blk-PostList_Item:nth-child(3) {
    transition-delay: .4s
}

.bd-News.okra-style-on-scroll .blk-PostList_Item:nth-child(4) {
    transition-delay: .6s
}

.bd-News.okra-style-on-scroll .blk-PostList_Next:not(.is-disabled),
.bd-News.okra-style-on-scroll .blk-PostList_Pagination {
    opacity: 1;
    transition: opacity .8s
}

.bd-News_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.bd-News_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.bd-News_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .bd-News_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .bd-News_Heading {
    color: #b72841
}

.bd-News .blk-PostList_Prev {
    top: 0;
    left: 7px;
    margin-top: 12.3484848%
}

.bd-News .blk-PostList_Next {
    top: 0;
    right: 7px;
    margin-top: 12.3484848%
}

.bd-Recommended {
    margin-bottom: 120px
}

.bd-Recommended.okra-style-on-init .bd-Recommended_Heading {
    opacity: 0
}

.bd-Recommended.okra-style-on-init .blk-PostList_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.bd-Recommended.okra-style-on-init .blk-PostList_Next,
.bd-Recommended.okra-style-on-init .blk-PostList_Pagination {
    opacity: 0
}

.bd-Recommended.okra-style-on-scroll .bd-Recommended_Heading {
    opacity: 1;
    transition: opacity .8s
}

.bd-Recommended.okra-style-on-scroll .blk-PostList_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-Recommended.okra-style-on-scroll .blk-PostList_Item:nth-child(2) {
    transition-delay: .2s, .2s
}

.bd-Recommended.okra-style-on-scroll .blk-PostList_Item:nth-child(3) {
    transition-delay: .4s, .4s
}

.bd-Recommended.okra-style-on-scroll .blk-PostList_Item:nth-child(4) {
    transition-delay: .6s, .6s
}

.bd-Recommended.okra-style-on-scroll .blk-PostList_Next:not(.is-disabled),
.bd-Recommended.okra-style-on-scroll .blk-PostList_Pagination {
    opacity: 1;
    transition: opacity .8s
}

.bd-Recommended_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.bd-Recommended_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .bd-Recommended_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .bd-Recommended_Heading {
    color: #b72841
}

.bd-Series {
    margin-bottom: 120px
}

.bd-Series_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.bd-Series_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .bd-Series_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .bd-Series_Heading {
    color: #b72841
}

.bd-Series_Heading.okra-style-on-init {
    opacity: 0
}

.bd-Series_Heading.okra-style-on-scroll {
    opacity: 1;
    transition: opacity .8s
}

.bd-Series_Items {
    display: flex;
    flex-wrap: wrap
}

.bd-Series_Items:not(:last-child) {
    margin-bottom: 120px
}

.bd-Series_FullItem,
.bd-Series_FullItem-left,
.bd-Series_FullItem-right {
    overflow: hidden;
    position: relative;
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw)
}

.bd-Series_FullItem.okra-style-on-init .bd-Series_Media,
.okra-style-on-init.bd-Series_FullItem-left .bd-Series_Media,
.okra-style-on-init.bd-Series_FullItem-right .bd-Series_Media {
    opacity: 0;
    transform: scale(1.05)
}

.bd-Series_FullItem.okra-style-on-init .bd-Series_ItemHeading,
.bd-Series_FullItem.okra-style-on-init .bd-Series_ItemHeading-white,
.bd-Series_FullItem.okra-style-on-init .bd-Series_Link,
.bd-Series_FullItem.okra-style-on-init .bd-Series_Text,
.bd-Series_FullItem.okra-style-on-init .bd-Series_Text-white,
.okra-style-on-init.bd-Series_FullItem-left .bd-Series_ItemHeading,
.okra-style-on-init.bd-Series_FullItem-left .bd-Series_ItemHeading-white,
.okra-style-on-init.bd-Series_FullItem-left .bd-Series_Link,
.okra-style-on-init.bd-Series_FullItem-left .bd-Series_Text,
.okra-style-on-init.bd-Series_FullItem-left .bd-Series_Text-white,
.okra-style-on-init.bd-Series_FullItem-right .bd-Series_ItemHeading,
.okra-style-on-init.bd-Series_FullItem-right .bd-Series_ItemHeading-white,
.okra-style-on-init.bd-Series_FullItem-right .bd-Series_Link,
.okra-style-on-init.bd-Series_FullItem-right .bd-Series_Text,
.okra-style-on-init.bd-Series_FullItem-right .bd-Series_Text-white {
    position: relative;
    top: 20px;
    opacity: 0
}

.bd-Series_FullItem.okra-style-on-scroll .bd-Series_Media,
.okra-style-on-scroll.bd-Series_FullItem-left .bd-Series_Media,
.okra-style-on-scroll.bd-Series_FullItem-right .bd-Series_Media {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-Series_FullItem.okra-style-on-scroll .bd-Series_ItemHeading,
.bd-Series_FullItem.okra-style-on-scroll .bd-Series_ItemHeading-white,
.okra-style-on-scroll.bd-Series_FullItem-left .bd-Series_ItemHeading,
.okra-style-on-scroll.bd-Series_FullItem-left .bd-Series_ItemHeading-white,
.okra-style-on-scroll.bd-Series_FullItem-right .bd-Series_ItemHeading,
.okra-style-on-scroll.bd-Series_FullItem-right .bd-Series_ItemHeading-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.bd-Series_FullItem.okra-style-on-scroll .bd-Series_Text,
.bd-Series_FullItem.okra-style-on-scroll .bd-Series_Text-white,
.okra-style-on-scroll.bd-Series_FullItem-left .bd-Series_Text,
.okra-style-on-scroll.bd-Series_FullItem-left .bd-Series_Text-white,
.okra-style-on-scroll.bd-Series_FullItem-right .bd-Series_Text,
.okra-style-on-scroll.bd-Series_FullItem-right .bd-Series_Text-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.bd-Series_FullItem.okra-style-on-scroll .bd-Series_Link,
.okra-style-on-scroll.bd-Series_FullItem-left .bd-Series_Link,
.okra-style-on-scroll.bd-Series_FullItem-right .bd-Series_Link {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s cubic-bezier(.165, .84, .44, 1) 1s
}

.bd-Series_HalfItem,
.bd-Series_HalfItem-left,
.bd-Series_HalfItem-right {
    overflow: hidden;
    position: relative;
    width: 50vw
}

.bd-Series_HalfItem.okra-style-on-init .bd-Series_Media,
.okra-style-on-init.bd-Series_HalfItem-left .bd-Series_Media,
.okra-style-on-init.bd-Series_HalfItem-right .bd-Series_Media {
    opacity: 0;
    transform: scale(1.05)
}

.bd-Series_HalfItem.okra-style-on-init .bd-Series_ItemHeading,
.bd-Series_HalfItem.okra-style-on-init .bd-Series_ItemHeading-white,
.bd-Series_HalfItem.okra-style-on-init .bd-Series_Link,
.bd-Series_HalfItem.okra-style-on-init .bd-Series_Text,
.bd-Series_HalfItem.okra-style-on-init .bd-Series_Text-white,
.okra-style-on-init.bd-Series_HalfItem-left .bd-Series_ItemHeading,
.okra-style-on-init.bd-Series_HalfItem-left .bd-Series_ItemHeading-white,
.okra-style-on-init.bd-Series_HalfItem-left .bd-Series_Link,
.okra-style-on-init.bd-Series_HalfItem-left .bd-Series_Text,
.okra-style-on-init.bd-Series_HalfItem-left .bd-Series_Text-white,
.okra-style-on-init.bd-Series_HalfItem-right .bd-Series_ItemHeading,
.okra-style-on-init.bd-Series_HalfItem-right .bd-Series_ItemHeading-white,
.okra-style-on-init.bd-Series_HalfItem-right .bd-Series_Link,
.okra-style-on-init.bd-Series_HalfItem-right .bd-Series_Text,
.okra-style-on-init.bd-Series_HalfItem-right .bd-Series_Text-white {
    position: relative;
    top: 20px;
    opacity: 0
}

.bd-Series_HalfItem.okra-style-on-scroll .bd-Series_Media,
.okra-style-on-scroll.bd-Series_HalfItem-left .bd-Series_Media,
.okra-style-on-scroll.bd-Series_HalfItem-right .bd-Series_Media {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-Series_HalfItem.okra-style-on-scroll .bd-Series_ItemHeading,
.bd-Series_HalfItem.okra-style-on-scroll .bd-Series_ItemHeading-white,
.okra-style-on-scroll.bd-Series_HalfItem-left .bd-Series_ItemHeading,
.okra-style-on-scroll.bd-Series_HalfItem-left .bd-Series_ItemHeading-white,
.okra-style-on-scroll.bd-Series_HalfItem-right .bd-Series_ItemHeading,
.okra-style-on-scroll.bd-Series_HalfItem-right .bd-Series_ItemHeading-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.bd-Series_HalfItem.okra-style-on-scroll .bd-Series_Text,
.bd-Series_HalfItem.okra-style-on-scroll .bd-Series_Text-white,
.okra-style-on-scroll.bd-Series_HalfItem-left .bd-Series_Text,
.okra-style-on-scroll.bd-Series_HalfItem-left .bd-Series_Text-white,
.okra-style-on-scroll.bd-Series_HalfItem-right .bd-Series_Text,
.okra-style-on-scroll.bd-Series_HalfItem-right .bd-Series_Text-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.bd-Series_HalfItem.okra-style-on-scroll .bd-Series_Link,
.okra-style-on-scroll.bd-Series_HalfItem-left .bd-Series_Link,
.okra-style-on-scroll.bd-Series_HalfItem-right .bd-Series_Link {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s cubic-bezier(.165, .84, .44, 1) 1s
}

.bd-Series_HalfItem-left {
    margin-left: calc(50% - 50vw)
}

.bd-Series_HalfItem-right {
    margin-right: calc(50% - 50vw)
}

.bd-Series_Item {
    position: relative;
    width: 31.25%;
    margin-right: 3.125%
}

.bd-Series_Item:not(:nth-child(-n+3)) {
    margin-top: 50px
}

.bd-Series_Item:nth-child(3n) {
    margin-right: 0
}

.bd-Series_Item.okra-style-on-init .bd-Series_Media {
    opacity: 0;
    transform: scale(1.05)
}

.bd-Series_Item.okra-style-on-init .bd-Series_ItemHeading,
.bd-Series_Item.okra-style-on-init .bd-Series_ItemHeading-white,
.bd-Series_Item.okra-style-on-init .bd-Series_Link,
.bd-Series_Item.okra-style-on-init .bd-Series_Text,
.bd-Series_Item.okra-style-on-init .bd-Series_Text-white {
    position: relative;
    top: 20px;
    opacity: 0
}

.bd-Series_Item.okra-style-on-scroll .bd-Series_Media {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-Series_Item.okra-style-on-scroll .bd-Series_ItemHeading,
.bd-Series_Item.okra-style-on-scroll .bd-Series_ItemHeading-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.bd-Series_Item.okra-style-on-scroll .bd-Series_Text,
.bd-Series_Item.okra-style-on-scroll .bd-Series_Text-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.bd-Series_Item.okra-style-on-scroll .bd-Series_Link {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s cubic-bezier(.165, .84, .44, 1) 1s
}

.bd-Series_Media {
    margin-bottom: 30px
}

.bd-Series_FullItem .bd-Series_Media,
.bd-Series_FullItem-left .bd-Series_Media,
.bd-Series_FullItem-right .bd-Series_Media,
.bd-Series_HalfItem .bd-Series_Media,
.bd-Series_HalfItem-left .bd-Series_Media,
.bd-Series_HalfItem-right .bd-Series_Media {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0
}

.bd-Series_HalfItem .bd-Series_Media,
.bd-Series_HalfItem-left .bd-Series_Media,
.bd-Series_HalfItem-right .bd-Series_Media {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.bd-Series_Item .bd-Series_Media {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%
}

.bd-Series_FullItem .bd-Series_Media img,
.bd-Series_FullItem-left .bd-Series_Media img,
.bd-Series_FullItem-right .bd-Series_Media img,
.bd-Series_HalfItem .bd-Series_Media img,
.bd-Series_HalfItem-left .bd-Series_Media img,
.bd-Series_HalfItem-right .bd-Series_Media img,
.bd-Series_Item .bd-Series_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.bd-Series_Item .bd-Series_Media img {
    left: 0;
    height: 250%
}

.bd-Series_FullItem .bd-Series_ItemInner,
.bd-Series_FullItem-left .bd-Series_ItemInner,
.bd-Series_FullItem-right .bd-Series_ItemInner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.bd-Series_FullItem .bd-Series_Body,
.bd-Series_FullItem-left .bd-Series_Body,
.bd-Series_FullItem-right .bd-Series_Body,
.bd-Series_HalfItem .bd-Series_Body,
.bd-Series_HalfItem-left .bd-Series_Body,
.bd-Series_HalfItem-right .bd-Series_Body {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.bd-Series_FullItem .bd-Series_Body,
.bd-Series_FullItem-left .bd-Series_Body,
.bd-Series_FullItem-right .bd-Series_Body {
    width: 50%;
    height: 500px;
    padding: 5.625%
}

.bd-Series_FullItem-left .bd-Series_Body {
    margin-left: auto
}

.bd-Series_HalfItem .bd-Series_Body,
.bd-Series_HalfItem-left .bd-Series_Body,
.bd-Series_HalfItem-right .bd-Series_Body {
    height: 530px;
    margin: 0 auto;
    padding: 50px 5.625%
}

.bd-Series_Inside {
    max-width: 480px
}

.bd-Series_HalfItem .bd-Series_Inside,
.bd-Series_HalfItem-left .bd-Series_Inside,
.bd-Series_HalfItem-right .bd-Series_Inside {
    margin: auto auto 0
}

.bd-Series_ItemHeading,
.bd-Series_ItemHeading-white {
    margin-bottom: 20px;
    font-size: 2rem;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.bd-Series_FullItem .bd-Series_ItemHeading,
.bd-Series_FullItem .bd-Series_ItemHeading-white,
.bd-Series_FullItem-left .bd-Series_ItemHeading,
.bd-Series_FullItem-left .bd-Series_ItemHeading-white,
.bd-Series_FullItem-right .bd-Series_ItemHeading,
.bd-Series_FullItem-right .bd-Series_ItemHeading-white,
.bd-Series_HalfItem .bd-Series_ItemHeading,
.bd-Series_HalfItem .bd-Series_ItemHeading-white,
.bd-Series_HalfItem-left .bd-Series_ItemHeading,
.bd-Series_HalfItem-left .bd-Series_ItemHeading-white,
.bd-Series_HalfItem-right .bd-Series_ItemHeading,
.bd-Series_HalfItem-right .bd-Series_ItemHeading-white {
    margin-bottom: 40px
}

html[lang^=zh] .bd-Series_ItemHeading,
html[lang^=zh] .bd-Series_ItemHeading-white {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.bd-Series_ItemHeading-white {
    color: #fff
}

.bd-Series_Text,
.bd-Series_Text-white {
    font-size: 1.5rem
}

.bd-Series_Text a:link,
.bd-Series_Text-white a:link {
    text-decoration: underline
}

.bd-Series_Text a[href*=".pdf"]:after,
.bd-Series_Text-white a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.bd-Series_Text a.is-fragmentLink:not([href*=".pdf"]):after,
.bd-Series_Text-white a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.bd-Series_Text b,
.bd-Series_Text strong,
.bd-Series_Text-white b,
.bd-Series_Text-white strong {
    font-weight: 700
}

.bd-Series_Text em,
.bd-Series_Text i,
.bd-Series_Text-white em,
.bd-Series_Text-white i {
    font-style: italic
}

.bd-Series_Text-white:not(:last-child),
.bd-Series_Text:not(:last-child) {
    margin-bottom: 20px
}

.bd-Series_FullItem .bd-Series_Text-white:not(:last-child),
.bd-Series_FullItem .bd-Series_Text:not(:last-child),
.bd-Series_FullItem-left .bd-Series_Text-white:not(:last-child),
.bd-Series_FullItem-left .bd-Series_Text:not(:last-child),
.bd-Series_FullItem-right .bd-Series_Text-white:not(:last-child),
.bd-Series_FullItem-right .bd-Series_Text:not(:last-child),
.bd-Series_HalfItem .bd-Series_Text-white:not(:last-child),
.bd-Series_HalfItem .bd-Series_Text:not(:last-child),
.bd-Series_HalfItem-left .bd-Series_Text-white:not(:last-child),
.bd-Series_HalfItem-left .bd-Series_Text:not(:last-child),
.bd-Series_HalfItem-right .bd-Series_Text-white:not(:last-child),
.bd-Series_HalfItem-right .bd-Series_Text:not(:last-child) {
    margin-bottom: 50px
}

.bd-Series_Text-white {
    color: #fff
}

.bd-Series_FullItem .bd-Series_Link,
.bd-Series_FullItem-left .bd-Series_Link,
.bd-Series_FullItem-right .bd-Series_Link,
.bd-Series_HalfItem .bd-Series_Link,
.bd-Series_HalfItem-left .bd-Series_Link,
.bd-Series_HalfItem-right .bd-Series_Link {
    text-align: center
}

.bd-Series_Link a {
    font-size: 1.4rem
}

.bd-Series_FullItem .bd-Series_Link a,
.bd-Series_FullItem-left .bd-Series_Link a,
.bd-Series_FullItem-right .bd-Series_Link a,
.bd-Series_HalfItem .bd-Series_Link a,
.bd-Series_HalfItem-left .bd-Series_Link a,
.bd-Series_HalfItem-right .bd-Series_Link a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    text-align: center
}

.bd-Series_FullItem .bd-Series_Link a>img,
.bd-Series_FullItem-left .bd-Series_Link a>img,
.bd-Series_FullItem-right .bd-Series_Link a>img,
.bd-Series_HalfItem .bd-Series_Link a>img,
.bd-Series_HalfItem-left .bd-Series_Link a>img,
.bd-Series_HalfItem-right .bd-Series_Link a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.is-lukia .bd-Series_FullItem .bd-Series_Link a,
.is-lukia .bd-Series_FullItem-left .bd-Series_Link a,
.is-lukia .bd-Series_FullItem-right .bd-Series_Link a,
.is-lukia .bd-Series_HalfItem .bd-Series_Link a,
.is-lukia .bd-Series_HalfItem-left .bd-Series_Link a,
.is-lukia .bd-Series_HalfItem-right .bd-Series_Link a {
    background-color: #b72841;
    color: #fff
}

.is-lukia .bd-Series_FullItem .bd-Series_Link a:after,
.is-lukia .bd-Series_FullItem-left .bd-Series_Link a:after,
.is-lukia .bd-Series_FullItem-right .bd-Series_Link a:after,
.is-lukia .bd-Series_HalfItem .bd-Series_Link a:after,
.is-lukia .bd-Series_HalfItem-left .bd-Series_Link a:after,
.is-lukia .bd-Series_HalfItem-right .bd-Series_Link a:after {
    background: url(/assets/img/icon_arrow_right02.svg) 50% no-repeat
}

.bd-SpecialPage {
    margin-bottom: 120px
}

.bd-SpecialPage.okra-style-on-init .bd-SpecialPage_Heading {
    opacity: 0
}

.bd-SpecialPage.okra-style-on-init .blk-PostList_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.bd-SpecialPage.okra-style-on-init .blk-PostList_Next,
.bd-SpecialPage.okra-style-on-init .blk-PostList_Pagination {
    opacity: 0
}

.bd-SpecialPage.okra-style-on-scroll .bd-SpecialPage_Heading {
    opacity: 1;
    transition: opacity .8s
}

.bd-SpecialPage.okra-style-on-scroll .blk-PostList_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-SpecialPage.okra-style-on-scroll .blk-PostList_Item:nth-child(2) {
    transition-delay: .2s, .2s
}

.bd-SpecialPage.okra-style-on-scroll .blk-PostList_Item:nth-child(3) {
    transition-delay: .4s, .4s
}

.bd-SpecialPage.okra-style-on-scroll .blk-PostList_Item:nth-child(4) {
    transition-delay: .6s, .6s
}

.bd-SpecialPage.okra-style-on-scroll .blk-PostList_Next:not(.is-disabled),
.bd-SpecialPage.okra-style-on-scroll .blk-PostList_Pagination {
    opacity: 1;
    transition: opacity .8s
}

.bd-SpecialPage_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.bd-SpecialPage_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .bd-SpecialPage_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .bd-SpecialPage_Heading {
    color: #b72841
}

.bd-SpecialPage_Button {
    margin-top: 50px;
    text-align: center
}

.bd-SpecialPage_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.bd-SpecialPage_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.bd-Story {
    margin-bottom: 120px
}

.bd-Story.okra-style-on-init .bd-Story_Heading {
    opacity: 0
}

.bd-Story.okra-style-on-init .bd-Story_MediaInner {
    opacity: 0;
    transform: scale(1.05)
}

.bd-Story.okra-style-on-init .bd-Story_InnerHeading,
.bd-Story.okra-style-on-init .bd-Story_Text {
    position: relative;
    top: 20px;
    opacity: 0
}

.bd-Story.okra-style-on-init .bd-Story_Button {
    opacity: 0
}

.bd-Story.okra-style-on-scroll .bd-Story_Heading {
    opacity: 1;
    transition: opacity .8s
}

.bd-Story.okra-style-on-scroll .bd-Story_MediaInner {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.bd-Story.okra-style-on-scroll .bd-Story_InnerHeading {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.bd-Story.okra-style-on-scroll .bd-Story_Text {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.bd-Story.okra-style-on-scroll .bd-Story_Button {
    opacity: 1;
    transition: opacity .6s 1s
}

.bd-Story_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .bd-Story_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .bd-Story_Heading {
    color: #b72841
}

.bd-Story_Media {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px
}

.bd-Story_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.bd-Story_MediaInner {
    height: 100%
}

.bd-Story_Body {
    box-sizing: border-box;
    width: 100%;
    max-width: 660px;
    padding: 0 20px;
    margin: -40px auto 0
}

.bd-Story_Inner {
    position: relative;
    padding: 70px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04)
}

.bd-Story_InnerHeading {
    margin-bottom: 40px;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    text-align: center
}

html[lang^=zh] .bd-Story_InnerHeading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.bd-Story_Text {
    font-size: 1.5rem
}

.bd-Story_Text:not(:last-child) {
    margin-bottom: 20px
}

.bd-Story_Button {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
}

.bd-Story_Button a {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.bd-Story_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.is-lukia .bd-Story_Button a {
    background-color: #b72841
}

.cr-List {
    max-width: 840px;
    margin: 0 auto;
    padding: 70px 20px 0
}

.cr-List:last-child {
    margin-bottom: 120px
}

.cr-List_Inner {
    border-bottom: 1px solid #eee
}

.cr-List:last-child .cr-List_Inner {
    border-bottom: none
}

.cr-List_Items {
    display: flex;
    flex-wrap: wrap;
    margin: -40px 0 70px
}

.cr-List_Item {
    width: 47.6190476%;
    margin: 40px 4.7619048% 0 0
}

.cr-List_Item:nth-child(2n) {
    margin-right: 0
}

.cr-List_ItemContainer {
    display: block;
    height: 100%;
    background-color: #f6f6f6
}

.cr-List_ItemInner {
    display: table;
    width: 100%;
    height: 210px;
    text-align: center
}

.cr-List_ItemInside {
    display: table-cell;
    padding: 40px 20px 20px
}

.cr-List_Title {
    margin-top: 40px;
    font-size: 1.5rem;
    text-align: center
}

.cr-MainVisual {
    background: url(/assets/img/img_care_bg.jpg) 50%/cover no-repeat
}

.cr-MainVisual_Inner {
    box-sizing: border-box;
    display: table;
    height: 140px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 20px
}

.cr-MainVisual_Inside {
    display: table-cell;
    vertical-align: middle
}

.cr-MainVisual_Heading {
    font-size: 2rem;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.clg-Heading {
    margin: 0 auto 50px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616
}

.clg-Heading,
.clg-List {
    max-width: 1280px;
    padding: 0 20px
}

.clg-List {
    margin: 0 auto 70px
}

.clg-List_Items {
    display: flex;
    flex-wrap: wrap;
    margin-top: -50px
}

.clg-List_Item {
    box-sizing: border-box;
    width: 25%;
    margin-top: 50px;
    border-left: 1px solid #eee
}

.clg-List_Item:last-child,
.clg-List_Item:nth-child(4n) {
    border-right: 1px solid #eee
}

.clg-List_Item a {
    display: block;
    padding: 40px
}

.clg-List_Item a>img {
    display: inline-block;
    vertical-align: unset
}

.clg-List_Thumb {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 30px
}

.clg-List_ThumbInner {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-color: #f6f6f6
}

.clg-List_ThumbInner img {
    flex-shrink: 0;
    max-height: 100%
}

.clg-List_Title {
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 5px
}

[href$=".pdf"] .clg-List_Title:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.clg-List_Title img {
    display: inline-block;
    vertical-align: unset;
    margin-left: 5px
}

.clg-Requirement {
    max-width: 1280px;
    margin: -20px auto;
    padding: 0 20px;
    font-size: 1.2rem;
    color: #161616
}

.clg-Wrapper {
    margin: 70px 0 120px
}

.ct-GlobalIndex {
    max-width: 840px;
    margin: 0 auto 70px;
    padding: 0 20px
}

.ct-GlobalIndex_Image {
    margin-bottom: 70px
}

.ct-GlobalIndex_Regions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 70px 0 40px
}

.ct-GlobalIndex+.ct-GlobalIndex_Regions {
    margin-top: 0
}

.ct-GlobalIndex_Regions>li {
    box-sizing: border-box;
    padding: 0 4% 0 0;
    border-right: 1px solid #e6e6e6
}

.ct-GlobalIndex_Regions>li:first-child {
    padding-left: 0
}

.ct-GlobalIndex_Regions>li:last-child {
    padding-right: 0;
    border-right: none
}

.ct-GlobalIndex_RegionName {
    font-size: 1.4rem;
    color: #204072
}

.ct-GlobalIndex_RegionName.is-current {
    color: #aaa
}

.ct-GlobalIndex_Countries {
    display: none;
    padding-top: 40px;
    border-top: 1px solid #e6e6e6
}

.ct-GlobalIndex_Countries.is-shown {
    display: block
}

.ct-GlobalIndex_CountriesInner {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -2.5% 0
}

.ct-GlobalIndex_CountriesInner>li {
    box-sizing: border-box;
    margin-top: 10px;
    padding: 0 2.5%;
    border-right: 1px solid #e6e6e6
}

.ct-GlobalTop {
    max-width: 840px;
    margin: 120px auto;
    padding: 0 20px
}

.ct-GlobalTop_Items {
    display: flex;
    flex-wrap: wrap;
    margin: -40px 0 70px
}

.ct-GlobalTop_Item {
    width: 48.2142857%;
    margin: 40px 3.5714286% 0 0
}

.ct-GlobalTop_Item:nth-child(2n) {
    margin-right: 0
}

.ct-GlobalTop_ItemInner {
    display: block;
    height: 120px;
    background-color: #f6f6f6
}

.ct-GlobalTop_ItemInside {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px
}

.ct-GlobalTop_Title {
    font-size: 1.5rem;
    text-align: center
}

.ct-GlobalTop_Lead {
    margin-top: 20px;
    font-size: 1.4rem
}

.ct-Heading {
    max-width: 840px;
    margin: 0 auto 40px;
    padding: 0 20px
}

.ct-Heading_Inner {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.ct-Heading_Title {
    font-size: 2rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .ct-Heading_Title {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.ct-Menu {
    max-width: 840px;
    margin: 0 auto;
    padding: 70px 20px 0
}

.ct-Menu:last-child {
    margin-bottom: 120px
}

.ct-Menu_Inner {
    border-bottom: 1px solid #eee
}

.ct-Menu:last-child .ct-Menu_Inner {
    border-bottom: none
}

.ct-Menu_Lead,
.ct-Menu_Link {
    font-size: 1.5rem
}

.ct-Menu_Link a:link {
    text-decoration: underline
}

.ct-Menu_Link a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.ct-Menu_Link a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.ct-Menu_Link b,
.ct-Menu_Link strong {
    font-weight: 700
}

.ct-Menu_Link em,
.ct-Menu_Link i {
    font-style: italic
}

.ct-Menu_Items {
    display: flex;
    flex-wrap: wrap;
    margin: calc(50px - 3.57143%) 0 120px
}

.ct-Menu_Items.is-center {
    justify-content: center
}

.ct-Menu_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .ct-Menu_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.ct-Menu_Item {
    width: 30.952381%;
    margin: 3.5714286% 3.5714286% 0 0
}

.ct-Menu_Item:nth-child(3n) {
    margin-right: 0
}

.ct-Menu_Item a {
    display: block
}

.ct-Menu_ItemContainer {
    height: 100%;
    background-color: #f6f6f6
}

.ct-Menu_ItemInner {
    width: 100%;
    height: 120px;
    text-align: center
}

.ct-Menu_ItemInner.has-logo {
    display: table;
    height: 210px
}

.ct-Menu_ItemInside {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

.has-logo .ct-Menu_ItemInside {
    display: table-cell;
    padding: 40px 20px 20px
}

.ct-Menu_Title {
    font-size: 1.5rem;
    text-align: center
}

.has-logo .ct-Menu_Title {
    margin-top: 40px
}

.ct-Wrapper {
    margin-bottom: 120px
}

.co-List {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.co-List_Inner {
    padding-top: 70px
}

.co-List:not(:last-child) .co-List_Inner {
    border-bottom: 1px solid #eee
}

.co-List_Lead {
    margin-bottom: 70px;
    font-size: 1.4rem;
    text-align: center
}

.co-List_Items {
    display: flex;
    flex-wrap: wrap;
    margin: -50px 0 70px
}

.co-List_Item {
    box-sizing: border-box;
    width: 31.25%;
    margin: 50px 3.125% 0 0
}

.co-List_Item:nth-child(3n) {
    margin-right: 0
}

.co-List_Item a {
    display: block
}

.co-List_Item a p>img {
    display: inline-block;
    margin-left: 5px;
    vertical-align: unset
}

.co-List_Thumb {
    margin-bottom: 30px
}

.co-List_Title {
    margin-bottom: 20px;
    font-size: 1.4rem;
    text-align: center
}

.cs-List {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px
}

.cs-List:last-child {
    margin-bottom: 120px
}

.cs-List_Items {
    display: flex;
    flex-wrap: wrap;
    margin: -40px 0 70px
}

.cs-List_Item {
    width: 30.952381%;
    margin: 40px 3.5714286% 0 0
}

.cs-List_Item:nth-child(3n) {
    margin-right: 0
}

.cs-List_ItemInner {
    display: block;
    height: 120px;
    background-color: #f6f6f6
}

.cs-List_ItemInside {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px
}

.cs-List_Title {
    font-size: 1.5rem;
    text-align: center
}

.cs-List_Lead {
    margin-top: 20px;
    font-size: 1.4rem
}

.faq-Contents {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px
}

.faq-Contents_Inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

.faq-Contents_Section,
.faq-Contents_Section-full {
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 50px;
    padding: 0 20px
}

.faq-Contents_Section-full:last-child,
.faq-Contents_Section:last-child {
    margin-bottom: 0
}

.faq-Contents_Section-full {
    width: 100%
}

.faq-Contents_Heading {
    margin-bottom: 25px;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .faq-Contents_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.faq-Contents_Items,
.faq-Contents_Items-noDeco {
    padding-left: 1.5em;
    list-style-type: disc
}

.faq-Contents_Items-noDeco {
    padding-left: 0;
    list-style-type: none
}

.faq-Contents_Item {
    font-size: 1.5rem
}

.faq-Contents_Item a:link {
    text-decoration: underline
}

.faq-Contents_Item a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.faq-Contents_Item a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.faq-Contents_Item b,
.faq-Contents_Item strong {
    font-weight: 700
}

.faq-Contents_Item em,
.faq-Contents_Item i {
    font-style: italic
}

.faq-Contents_Text {
    font-size: 1.5rem
}

.faq-Contents_Text:not(:last-child) {
    margin-bottom: 25px
}

.faq-Lead {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px;
    font-size: 1.5rem
}

.faq-Lead a:link {
    text-decoration: underline
}

.faq-Lead a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.faq-Lead a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.faq-Lead b,
.faq-Lead strong {
    font-weight: 700
}

.faq-Lead em,
.faq-Lead i {
    font-style: italic
}

.faq-Link {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px
}

.faq-Link:last-child {
    margin-bottom: 120px
}

.faq-Link_Heading {
    margin: 70px auto 40px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

.faq-Link_Item:nth-child(odd) {
    background-color: #f6f6f6
}

.faq-Link_Item:nth-child(2n) {
    background-color: #eee
}

.faq-Link_Item a {
    display: flex;
    align-items: center;
    padding: 12px 20px
}

.faq-Link_Item a>span {
    margin-right: .5em
}

.faq-Link_Item a:after {
    display: block;
    flex-shrink: 0;
    width: 7px;
    height: 10px;
    margin-left: auto;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.faq-Link_Button {
    margin-top: 80px;
    text-align: center
}

.faq-Link_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.faq-Link_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.faq-MainVisual {
    background: url(/assets/img/img_faq_bg.jpg) 50%/cover no-repeat
}

.faq-MainVisual_Inner {
    box-sizing: border-box;
    display: table;
    height: 140px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 20px
}

.faq-MainVisual_Inside {
    display: table-cell;
    vertical-align: middle
}

.faq-MainVisual_Heading {
    font-size: 2rem;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.fm-DownloadLinks_List {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -20px;
    padding-left: 0;
    list-style-type: none
}

.fm-DownloadLinks_Item {
    margin: 50px 20px 0
}

.fm-DownloadLinks_Link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    min-width: 290px;
    padding-left: 40px;
    background-color: #13294b;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .24);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

.fm-DownloadLinks_Link:before {
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    background: url(/assets/img/forthemedia/icon_cloud_white.svg) 0 0/contain no-repeat;
    content: ""
}

.fm-DownloadLinks_Info {
    display: block;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 700;
    line-height: 2.14285714;
    text-align: center
}

.fm-Facade {
    margin-top: 70px
}

.fm-Facade_List {
    display: flex;
    flex-wrap: wrap;
    margin-left: -40px
}

.fm-Facade_Item {
    box-sizing: border-box;
    width: 50%;
    padding-top: 50px;
    padding-left: 40px
}

.fm-Facade_Anchor {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none
}

.fm-Facade_Title {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .fm-Facade_Title {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.fm-Facade_Title span {
    display: inline-block
}

.fm-Facade_Image {
    order: -1;
    display: block;
    width: 100%;
    height: auto
}

.fm-Facade_Button {
    display: block;
    width: 100%;
    max-width: 290px;
    height: 60px;
    margin: 70px auto 0;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 14px;
    text-align: center
}

.fm-Facade_Button a {
    position: relative;
    display: block;
    height: 100%;
    line-height: 60px;
    color: #fff;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .fm-Facade_Button a {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.fm-Facade_Button a:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 7.07px;
    height: 7.07px;
    margin-left: 10px;
    border-color: currentcolor;
    border-style: solid;
    border-width: 2px 2px 0 0;
    vertical-align: 2px;
    transform: rotate(45deg);
    content: ""
}

.fm-HeadingLv1 {
    margin-top: 70px
}

.fm-HeadingLv1_Heading {
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-weight: 600;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .fm-HeadingLv1_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.fm-Hero_Inner {
    position: relative;
    overflow: hidden;
    height: 500px
}

.fm-Hero_P {
    margin: 0
}

.fm-Hero_Image {
    position: absolute;
    top: -1000%;
    right: -1000%;
    bottom: -1000%;
    left: -1000%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    margin: auto
}

.fm-ImageItem {
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    width: 25%;
    margin-top: 50px;
    padding: 40px;
    box-shadow: 1px 0 #eee, inset 1px 0 #eee
}

.fm-ImageItem .fm-ItemLinks {
    margin-top: auto
}

.fm-ImageItem_Header {
    display: flex;
    flex-flow: column
}

.fm-ImageItem_Title {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.fm-ImageItem_ImageContainer {
    order: -1;
    width: 100%
}

.fm-ImageItem_ImageContainer2 {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    background-color: #f6f6f6
}

.fm-ImageItem_Image {
    position: absolute;
    top: -1000%;
    right: -1000%;
    bottom: -1000%;
    left: -1000%;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.fm-ItemLinks {
    list-style: none;
    min-height: 140px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-left: 0
}

.fm-ItemLinks_Item {
    border: 1px solid #eee
}

.fm-ItemLinks_Item+.fm-ItemLinks_Item {
    margin-top: 10px
}

.fm-ItemLinks_Link,
.fm-ItemLinks_Link-eps,
.fm-ItemLinks_Link-jpg,
.fm-ItemLinks_Link-open,
.fm-ItemLinks_Link-pdf,
.fm-ItemLinks_Link-tiff,
.fm-ItemLinks_Link-word {
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    display: block;
    padding: 12px 20px;
    position: relative;
    color: #204072
}

.fm-ItemLinks_Link-eps:before,
.fm-ItemLinks_Link-jpg:before,
.fm-ItemLinks_Link-pdf:before,
.fm-ItemLinks_Link-tiff:before,
.fm-ItemLinks_Link-word:before {
    display: inline-block;
    margin-right: 4px;
    width: 15px;
    height: 15px;
    background: url(/assets/img/forthemedia/icon_cloud.svg) 0 0/contain no-repeat;
    vertical-align: -3px;
    content: ""
}

.fm-ItemLinks_Link-pdf:after {
    position: absolute;
    top: 0;
    right: 19px;
    bottom: 0;
    width: 12px;
    height: 14px;
    margin: auto;
    background: url(/assets/img/forthemedia/icon_pdf.svg) 0 0/contain no-repeat;
    content: ""
}

.-pdfError .fm-ItemLinks_Link-pdf {
    background-color: #ff0
}

.fm-ItemLinks_Link-word:after {
    position: absolute;
    top: 0;
    right: 19px;
    bottom: 0;
    width: 12px;
    height: 14px;
    margin: auto;
    background: url(/assets/img/forthemedia/icon_word.svg) 0 0/contain no-repeat;
    content: ""
}

.-epsError .fm-ItemLinks_Link-eps,
.-jpgError .fm-ItemLinks_Link-jpg,
.-wordError .fm-ItemLinks_Link-word {
    background-color: #ff0
}

.fm-ItemLinks_Link-open:after {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    background: url(/assets/img/forthemedia/icon_new_window.svg) 0 0/contain no-repeat;
    content: ""
}

.fm-ItemLinks_LinkDetail {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.fm-ItemLinks_DownloadIcon {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -2px
}

.fm-ItemLinks_LinkIcon {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

.fm-Items {
    margin-top: 20px
}

.fm-Items_List {
    display: flex;
    flex-wrap: wrap
}

.fm-LanguageSelector {
    background-color: #f6f6f6
}

.fm-LanguageSelector_Inner {
    display: flex;
    align-items: center;
    overflow-x: auto;
    max-width: 1360px;
    height: 120px;
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-overflow-scrolling: touch
}

.fm-LanguageSelector_Heading {
    width: 182px;
    font-size: 12px;
    font-weight: 700
}

.fm-LanguageSelector_Heading:after {
    content: " :"
}

.fm-LanguageSelector_List {
    flex: 1 1 auto;
    display: flex;
    width: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none
}

.fm-LanguageSelector_Item {
    flex-grow: 1;
    max-width: 183px;
    box-shadow: inset 1px 0 #e6e6e6
}

.fm-LanguageSelector_Item:last-child {
    box-shadow: inset 1px 0 #e6e6e6, inset -1px 0 #e6e6e6
}

.fm-LanguageSelector_Link {
    display: block;
    padding: 0 15px;
    color: #204072;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
}

.fm-LanguageSelector_Link.is-current {
    color: #aaa;
    cursor: auto
}

.fm-PdfItem {
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    width: 25%;
    margin-top: 50px;
    padding: 40px;
    box-shadow: 1px 0 #eee, inset 1px 0 #eee
}

.fm-PdfItem.-thumbError .fm-PdfItem_Header {
    background-color: #ff0
}

.fm-PdfItem .fm-ItemLinks {
    margin-top: auto
}

.fm-PdfItem_Header {
    display: flex;
    flex-flow: column
}

.fm-PdfItem_Title {
    width: 100%;
    min-height: 84px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 0;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.fm-PdfItem_ImageContainer {
    order: -1
}

.fm-PdfItem_ImageContainer2 {
    position: relative;
    padding-top: 56.25%
}

.fm-PdfItem_Image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.fm-SignIn {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 650px;
    background-color: #f6f6f6
}

.fm-SignIn_Box {
    box-sizing: border-box;
    width: 620px;
    height: 250px;
    padding: 30px 40px 0;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04)
}

.fm-SignIn_Heading {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .fm-SignIn_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.fm-SignIn_Items {
    display: flex
}

.fm-SignIn_Item {
    width: 46.2962963%;
    height: 50px
}

.fm-SignIn_Item:not(:last-child) {
    margin-right: 7.4074074%
}

.fm-SignIn_Item input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    font-size: 13px
}

.fm-SignIn_Button {
    display: block;
    width: 100%;
    max-width: 290px;
    height: 60px;
    margin: 70px auto 0;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .fm-SignIn_Button {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.fm-Title {
    color: #fff;
    background-color: #161616
}

.fm-Title_Inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1360px;
    height: 140px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px
}

.fm-Title_Heading {
    margin: 0;
    padding: 0 160px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .fm-Title_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.fm-Title_Heading span {
    display: inline-block
}

.fm-Title_Back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    height: 32px;
    margin: auto
}

.fm-Title_BackLink {
    display: block;
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.fm-Title_BackLink:after {
    content: "";
    display: inline-block;
    width: 7.07px;
    height: 7.07px;
    margin-left: 10px;
    border-color: currentcolor;
    border-style: solid;
    border-width: 1.414px 1.414px 0 0;
    vertical-align: 2px;
    transform: rotate(45deg)
}

html[lang^=zh] .fm-Title_BackLink {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.fm-Title_Link {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    height: 16px;
    margin: auto
}

.fm-Title_Link>a {
    display: block;
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.fm-Title_Link>a:after {
    content: "";
    display: inline-block;
    width: 7.07px;
    height: 7.07px;
    margin-left: 10px;
    border-color: currentcolor;
    border-style: solid;
    border-width: 1.414px 1.414px 0 0;
    vertical-align: 2px;
    transform: rotate(45deg)
}

html[lang^=zh] .fm-Title_Link>a {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.fm-Wrapper {
    max-width: 1360px;
    margin: 0 auto 120px;
    padding-right: 40px;
    padding-left: 40px
}

.gn-GlobalIndex {
    overflow: hidden;
    max-width: 840px;
    margin: 100px auto;
    padding: 40px 20px;
    background-size: contain
}

.gn-GlobalIndex_Regions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -5.952381%
}

.gn-GlobalIndex+.gn-GlobalIndex_Regions {
    margin-top: 0
}

.gn-GlobalIndex_Regions>li {
    width: 30.1190476%;
    margin-top: 5.952381%;
    background-color: #fff
}

.gn-GlobalIndex_RegionName {
    display: flex
}

.gn-GlobalIndex_RegionName>div {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 60px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.gn-GlobalIndex_RegionName>div:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.gn-Heading {
    max-width: 840px;
    margin: 0 auto 40px;
    padding: 0 20px
}

.gn-Heading_Inner {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.gn-Heading_Title {
    font-size: 2rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .gn-Heading_Title {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.gn-Menu {
    max-width: 840px;
    margin: 50px auto 70px;
    padding: 0 20px
}

.gn-Menu_Regions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 70px 0 40px
}

.gn-Menu+.gn-Menu_Regions {
    margin-top: 0
}

.gn-Menu_Regions>li {
    box-sizing: border-box;
    padding: 0 4% 0 0;
    border-right: 1px solid #e6e6e6
}

.gn-Menu_Regions>li:first-child {
    padding-left: 0
}

.gn-Menu_Regions>li:last-child {
    padding-right: 0;
    border-right: none
}

.gn-Menu_RegionName {
    display: block;
    font-size: 1.4rem;
    color: #204072
}

.gn-Menu_RegionName.is-current {
    color: #aaa
}

.gn-Wrapper {
    margin-bottom: 120px
}

.hm-Collection {
    margin-bottom: 200px
}

.hm-Collection.okra-style-on-init .hm-Collection_Heading {
    opacity: 0
}

.hm-Collection.okra-style-on-init .hm-Collection_GridItemInner {
    opacity: 0;
    transform: scale(1.1)
}

.hm-Collection.okra-style-on-init .hm-Collection_Button {
    opacity: 0;
    top: 20px
}

.hm-Collection.okra-style-on-scroll .hm-Collection_Heading {
    opacity: 1;
    transition: opacity .8s
}

.hm-Collection.okra-style-on-scroll .hm-Collection_GridItemInner {
    opacity: 1;
    transform: scale(1);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1) .6s, opacity 1.2s .6s
}

.hm-Collection.okra-style-on-scroll .hm-Collection_Button {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s 1s
}

.hm-Collection_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .hm-Collection_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-Collection_Inner {
    position: relative
}

.hm-Collection_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.hm-Collection_Items {
    display: flex;
    width: 100%
}

.hm-Collection_Item {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 50vw
}

.hm-Collection_Grid {
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
    -ms-grid-rows: 50% 50%;
    grid-template-rows: 50% 50%;
    width: 100%;
    height: 100%
}

.hm-Collection_GridItem {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 100%
}

.hm-Collection_GridItemInner {
    position: relative;
    width: 100%;
    height: 100%
}

.hm-Collection_GridItemBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aaa;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.hm-Collection_Name {
    font-size: 4rem;
    color: #fff;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.hm-Collection_Name:not(:last-child) {
    margin-bottom: 20px
}

html[lang^=zh] .hm-Collection_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-Collection_Lead {
    min-height: 2em;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.785714286;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .hm-Collection_Lead {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-Collection_Prev {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 1;
    width: 32px;
    height: 32px;
    margin-top: 24.0625%;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-Collection_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-Collection_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-Collection_Next {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 1;
    width: 32px;
    height: 32px;
    margin-top: 24.0625%;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-Collection_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-Collection_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-Collection_Pagination {
    position: absolute;
    left: 50%;
    display: flex;
    justify-content: center;
    margin-top: 68px;
    transform: translateX(-50%)
}

.hm-Collection_Pagination-item {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer
}

.hm-Collection_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.hm-Collection_Pagination-item.is-current:before {
    background-color: #161616
}

.hm-Collection_Button {
    position: relative;
    z-index: 1;
    margin-top: -33px;
    text-align: center
}

.hm-Collection_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.hm-Collection_Button a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.hm-GsBanner {
    margin-bottom: 120px
}

.hm-GsBanner.okra-style-on-init .hm-GsBanner_Inner {
    opacity: 0;
    top: 20px
}

.hm-GsBanner.okra-style-on-scroll .hm-GsBanner_Inner {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s 1s
}

.hm-GsBanner_Inner {
    position: relative;
    width: 620px;
    margin: 0 auto
}

.hm-ImportantNews {
    margin-bottom: 120px
}

.hm-ImportantNews.okra-style-on-init {
    opacity: 0;
    position: relative;
    top: 40px
}

.hm-ImportantNews.okra-style-on-scroll {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.hm-ImportantNews_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.hm-ImportantNews_Box {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    border: 4px solid #eee
}

.hm-ImportantNews_Heading {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-size: 1.4rem;
    font-weight: 700
}

.hm-ImportantNews_Heading>img {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.hm-ImportantNews_Items {
    flex: 1
}

.hm-ImportantNews_Item:not(:last-child) {
    margin-bottom: 10px
}

.hm-ImportantNews_Item a {
    position: relative;
    display: block;
    font-size: 1.4rem;
    padding-right: 15px
}

.hm-ImportantNews_Item a:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    width: 7px;
    height: 10px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-ImportantNews_More {
    margin-top: 10px;
    text-align: right;
    font-size: 1.4rem
}

.hm-MainVisual {
    position: relative;
    margin-bottom: 40px
}

.hm-MainVisual.okra-style-on-init {
    opacity: 0
}

.hm-MainVisual.okra-style-on-scroll {
    opacity: 1;
    transition: opacity .8s
}

.hm-MainVisual_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 720px;
    margin-left: auto;
    margin-right: auto;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.hm-MainVisual_Items {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%
}

.hm-MainVisual_Item {
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 100%
}

.hm-MainVisual_Media {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.hm-MainVisual_Media img,
.hm-MainVisual_Media video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.hm-MainVisual_Prev {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 1;
    width: 32px;
    height: 32px;
    margin-top: 344px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-MainVisual_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-MainVisual_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-MainVisual_Next {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 1;
    width: 32px;
    height: 32px;
    margin-top: 344px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-MainVisual_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-MainVisual_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-MainVisual_Pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.hm-MainVisual_Pagination-item {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer
}

.hm-MainVisual_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.hm-MainVisual_Pagination-item.is-current:before {
    background-color: #161616
}

.hm-News {
    margin-bottom: 120px
}

.hm-News.okra-style-on-init .hm-News_Heading {
    opacity: 0
}

.hm-News.okra-style-on-init .hm-News_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.hm-News.okra-style-on-init .hm-News_Button {
    opacity: 0
}

.hm-News.okra-style-on-scroll .hm-News_Heading {
    opacity: 1;
    transition: opacity .8s
}

.hm-News.okra-style-on-scroll .hm-News_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.hm-News.okra-style-on-scroll .hm-News_Item:nth-child(2) {
    transition-delay: .2s
}

.hm-News.okra-style-on-scroll .hm-News_Item:nth-child(3) {
    transition-delay: .4s
}

.hm-News.okra-style-on-scroll .hm-News_Item:nth-child(4) {
    transition-delay: .6s
}

.hm-News.okra-style-on-scroll .hm-News_Button {
    opacity: 1;
    transition: opacity .8s .4s
}

.hm-News_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.hm-News_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .hm-News_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-News_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.hm-News_Items {
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    transition-property: transform
}

.hm-News_Item,
.hm-News_Items {
    position: relative;
    box-sizing: border-box
}

.hm-News_Item {
    flex-shrink: 0;
    width: 22.65625%
}

.hm-News_Item:not(:last-child) {
    margin-right: 3.125%
}

.hm-News_Item a {
    display: block
}

.hm-News_Item a>img {
    display: inline-block;
    vertical-align: unset
}

.hm-News_Thumb {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    background-image: url(/assets/img/img_noimage02_l.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.hm-News_Meta {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.hm-News_Date {
    margin-right: 18px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .hm-News_Date {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-News_Categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.hm-News_Category,
.hm-News_Category-basel,
.hm-News_Category-important,
.hm-News_Category-press,
.hm-News_Category-story,
.hm-News_Category-topics {
    margin-right: 5px;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .hm-News_Category,
html[lang^=zh] .hm-News_Category-basel,
html[lang^=zh] .hm-News_Category-important,
html[lang^=zh] .hm-News_Category-press,
html[lang^=zh] .hm-News_Category-story,
html[lang^=zh] .hm-News_Category-topics {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-News_Category-press {
    color: #a89579
}

.hm-News_Category-topics {
    color: #888
}

.hm-News_Category-basel {
    color: #5380b1
}

.hm-News_Category-story {
    color: #a685b1
}

.hm-News_Category-important {
    color: #e86963
}

.hm-News_Title {
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 5px
}

.hm-News_Title img {
    margin-left: 5px;
    vertical-align: middle
}

.hm-News_Title:not(:last-child) {
    margin-bottom: 20px
}

.hm-News_Prev {
    position: absolute;
    top: 50%;
    left: -11px;
    z-index: 1;
    display: none;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-News_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-News_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-News_Next {
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 1;
    display: none;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-News_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-News_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-News_Pagination {
    display: none;
    justify-content: center;
    margin-top: 40px
}

.hm-News_Pagination-item {
    position: relative;
    width: 20px;
    height: 20px
}

.hm-News_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.hm-News_Pagination-item.is-current:before {
    background-color: #161616
}

.hm-News_Button {
    margin-top: 50px;
    text-align: center
}

.hm-News_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.hm-News_Button a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.hm-OnlineRepair {
    margin-bottom: 120px
}

.hm-OnlineRepair.okra-style-on-init .hm-OnlineRepair_Heading {
    opacity: 0
}

.hm-OnlineRepair.okra-style-on-init .hm-OnlineRepair_Item,
.hm-OnlineRepair.okra-style-on-init .hm-OnlineRepair_MasterShop {
    opacity: 0;
    position: relative;
    top: 20px
}

.hm-OnlineRepair.okra-style-on-scroll .hm-OnlineRepair_Heading {
    opacity: 1;
    transition: opacity .8s
}

.hm-OnlineRepair.okra-style-on-scroll .hm-OnlineRepair_Item {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.hm-OnlineRepair.okra-style-on-scroll .hm-OnlineRepair_MasterShop {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s 1s
}

.hm-OnlineRepair_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .hm-OnlineRepair_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-OnlineRepair_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.hm-OnlineRepair_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.hm-OnlineRepair_Items {
    display: flex;
    flex-wrap: wrap;
    margin-top: -50px
}

.hm-OnlineRepair_Item {
    box-sizing: border-box;
    width: 31.25%;
    margin: 50px 3.125% 0 0
}

.hm-OnlineRepair_Item:nth-child(3n) {
    margin-right: 0
}

.hm-OnlineRepair_Item a {
    display: block
}

.hm-OnlineRepair_Thumb {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    background-color: #f6f6f6
}

.hm-OnlineRepair_Thumb>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.hm-OnlineRepair_Title {
    font-size: 1.4rem;
    text-align: center
}

.hm-OnlineRepair_Title img {
    display: inline-block;
    vertical-align: unset;
    margin-left: 5px
}

.hm-OnlineRepair_Prev {
    position: absolute;
    top: 50%;
    left: -11px;
    z-index: 1;
    display: none;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-OnlineRepair_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-OnlineRepair_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-OnlineRepair_Next {
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 1;
    display: none;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-OnlineRepair_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-OnlineRepair_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-OnlineRepair_Pagination {
    display: none;
    justify-content: center;
    margin-top: 40px
}

.hm-OnlineRepair_Pagination-item {
    position: relative;
    width: 20px;
    height: 20px
}

.hm-OnlineRepair_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.hm-OnlineRepair_Pagination-item.is-current:before {
    background-color: #161616
}

.hm-OnlineRepair_MasterShop {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.hm-OnlineRepair_MasterShopInner {
    margin-top: 70px;
    padding-top: 40px;
    border-top: 1px solid #eee;
    text-align: center
}

.hm-OnlineRepair_MasterShopInner a:link {
    text-decoration: underline
}

.hm-OnlineRepair_MasterShopInner a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.hm-OnlineRepair_MasterShopInner a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.hm-OnlineRepair_MasterShopInner b,
.hm-OnlineRepair_MasterShopInner strong {
    font-weight: 700
}

.hm-OnlineRepair_MasterShopInner em,
.hm-OnlineRepair_MasterShopInner i {
    font-style: italic
}

.hm-OnlineRepair_MasterShopInner a>img {
    display: inline-block;
    vertical-align: unset;
    margin-left: 5px
}

.hm-OtherCollection {
    margin-bottom: 120px
}

.hm-OtherCollection.okra-style-on-init .hm-OtherCollection_Inner {
    opacity: 0;
    transform: scale(1.1)
}

.hm-OtherCollection.okra-style-on-init .hm-OtherCollection_Button {
    opacity: 0;
    top: 20px
}

.hm-OtherCollection.okra-style-on-scroll .hm-OtherCollection_Inner {
    opacity: 1;
    transform: scale(1);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1) .6s, opacity 1.2s .6s
}

.hm-OtherCollection.okra-style-on-scroll .hm-OtherCollection_Button {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s 1s
}

.hm-OtherCollection_Inner {
    position: relative;
    padding: 80px 0;
    background-color: #f6f6f6
}

.hm-OtherCollection_Inside {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center
}

.hm-OtherCollection_Button {
    position: relative;
    z-index: 1;
    margin-top: -33px;
    text-align: center
}

.hm-OtherCollection_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.hm-OtherCollection_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.hm-ProductSearch {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 260px;
    margin-top: -120px;
    background: url(/assets/img/img_productsearch.jpg) 50%/cover no-repeat
}

.hm-ProductSearch.okra-style-on-init {
    opacity: 0
}

.hm-ProductSearch.okra-style-on-init .hm-ProductSearch_Heading {
    opacity: 0;
    position: relative;
    top: 20px
}

.hm-ProductSearch.okra-style-on-init .hm-ProductSearch_Button {
    opacity: 0
}

.hm-ProductSearch.okra-style-on-scroll {
    opacity: 1;
    transition: opacity .8s
}

.hm-ProductSearch.okra-style-on-scroll .hm-ProductSearch_Heading {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.hm-ProductSearch.okra-style-on-scroll .hm-ProductSearch_Button {
    opacity: 1;
    transition: opacity .4s 1s, background .4s
}

.hm-ProductSearch_Inner {
    width: 620px
}

.hm-ProductSearch_Heading {
    margin-bottom: 40px;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    line-height: 1
}

html[lang^=zh] .hm-ProductSearch_Heading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-ProductSearch_Button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 290px;
    height: 60px;
    margin: 0 auto;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff
}

.hm-ProductSearch_Button>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.hm-Recommended {
    margin-bottom: 120px
}

.hm-Recommended.okra-style-on-init .hm-Recommended_Container,
.hm-Recommended.okra-style-on-init .hm-Recommended_Heading {
    opacity: 0
}

.hm-Recommended.okra-style-on-init .hm-Recommended_ItemInner {
    opacity: 0;
    transform: scale(1.08)
}

.hm-Recommended.okra-style-on-init .hm-Recommended_Button {
    opacity: 0;
    top: 20px
}

.hm-Recommended.okra-style-on-scroll .hm-Recommended_Heading {
    opacity: 1;
    transition: opacity .8s
}

.hm-Recommended.okra-style-on-scroll .hm-Recommended_Container {
    opacity: 1;
    transition: opacity .6s
}

.hm-Recommended.okra-style-on-scroll .hm-Recommended_ItemInner {
    opacity: 1;
    transform: scale(1);
    transition: transform 1s cubic-bezier(.165, .84, .44, 1) .6s, opacity 1s .6s
}

.hm-Recommended.okra-style-on-scroll .hm-Recommended_Button {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s 1s
}

.hm-Recommended_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .hm-Recommended_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-Recommended_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.hm-Recommended_Container {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.hm-Recommended_Items {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition-property: transform
}

.hm-Recommended_Items.is-carousel {
    border-right: 1px solid #eee
}

.hm-Recommended_Item {
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    border-left: 1px solid #eee;
    width: 33.28125%
}

.hm-Recommended_Item:last-child {
    border-right: 1px solid #eee
}

.hm-Recommended_ItemInner>a {
    display: block;
    position: relative;
    padding: 0 40px 40px
}

.hm-Recommended_Image {
    margin-bottom: 35px;
    text-align: center
}

.hm-Recommended_Collection {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.2rem;
    color: #161616
}

.hm-Recommended_Name {
    font-size: 2rem;
    text-align: center;
    color: #161616;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.hm-Recommended_Name:not(:last-child) {
    margin-bottom: 35px
}

html[lang^=zh] .hm-Recommended_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-Recommended_Limited {
    font-size: 1.4rem;
    text-align: center;
    color: #13294b
}

.hm-Recommended_Prev {
    position: absolute;
    top: 50%;
    left: -11px;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-Recommended_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-Recommended_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-Recommended_Next {
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-Recommended_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-Recommended_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-Recommended_Pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.hm-Recommended_Pagination-item {
    position: relative;
    width: 20px;
    height: 20px
}

.hm-Recommended_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.hm-Recommended_Pagination-item.is-current:before {
    background-color: #161616
}

.hm-Recommended_Button {
    margin-top: 50px;
    text-align: center
}

.hm-Recommended_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.hm-Recommended_Button a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.hm-WorldOfSeiko {
    margin-bottom: 200px
}

.hm-WorldOfSeiko.okra-style-on-init .hm-WorldOfSeiko_Heading {
    opacity: 0
}

.hm-WorldOfSeiko.okra-style-on-init .hm-WorldOfSeiko_GridItemInner {
    opacity: 0;
    transform: scale(1.1)
}

.hm-WorldOfSeiko.okra-style-on-init .hm-WorldOfSeiko_Button {
    opacity: 0;
    top: 20px
}

.hm-WorldOfSeiko.okra-style-on-scroll .hm-WorldOfSeiko_Heading {
    opacity: 1;
    transition: opacity .8s
}

.hm-WorldOfSeiko.okra-style-on-scroll .hm-WorldOfSeiko_GridItemInner {
    opacity: 1;
    transform: scale(1);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1) .6s, opacity 1.2s .6s
}

.hm-WorldOfSeiko.okra-style-on-scroll .hm-WorldOfSeiko_Button {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s 1s
}

.hm-WorldOfSeiko_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .hm-WorldOfSeiko_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.hm-WorldOfSeiko_Inner {
    position: relative
}

.hm-WorldOfSeiko_Items {
    display: flex;
    width: 100%
}

.hm-WorldOfSeiko_Item {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 56.25vw
}

.hm-WorldOfSeiko_Grid,
.hm-WorldOfSeiko_Grid-duo,
.hm-WorldOfSeiko_Grid-quartet,
.hm-WorldOfSeiko_Grid-solo,
.hm-WorldOfSeiko_Grid-trio {
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    -ms-grid-rows: 50% 50%;
    grid-template-rows: 50% 50%;
    width: 100%;
    height: 100%
}

.hm-WorldOfSeiko_GridItem {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 100%
}

.hm-WorldOfSeiko_Grid-quartet .hm-WorldOfSeiko_GridItem:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.hm-WorldOfSeiko_Grid-duo .hm-WorldOfSeiko_GridItem:first-child,
.hm-WorldOfSeiko_Grid-trio .hm-WorldOfSeiko_GridItem:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.hm-WorldOfSeiko_Grid-solo .hm-WorldOfSeiko_GridItem:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.hm-WorldOfSeiko_Grid-quartet .hm-WorldOfSeiko_GridItem:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3
}

.hm-WorldOfSeiko_Grid-trio .hm-WorldOfSeiko_GridItem:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.hm-WorldOfSeiko_Grid-duo .hm-WorldOfSeiko_GridItem:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.hm-WorldOfSeiko_Grid-quartet .hm-WorldOfSeiko_GridItem:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.hm-WorldOfSeiko_Grid-quartet .hm-WorldOfSeiko_GridItem:nth-child(4),
.hm-WorldOfSeiko_Grid-trio .hm-WorldOfSeiko_GridItem:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3
}

.hm-WorldOfSeiko_GridItemInner {
    position: relative;
    width: 100%;
    height: 100%
}

.hm-WorldOfSeiko_GridItemBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.hm-WorldOfSeiko_GridItemBg img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.hm-WorldOfSeiko_Prev {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 1;
    width: 32px;
    height: 32px;
    margin-top: 27.109375%;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-WorldOfSeiko_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-WorldOfSeiko_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-WorldOfSeiko_Next {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 1;
    width: 32px;
    height: 32px;
    margin-top: 27.109375%;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.hm-WorldOfSeiko_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin: -5px 0 0 -3px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.hm-WorldOfSeiko_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.hm-WorldOfSeiko_Pagination {
    position: absolute;
    left: 50%;
    display: flex;
    justify-content: center;
    margin-top: 68px;
    transform: translateX(-50%)
}

.hm-WorldOfSeiko_Pagination-item {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer
}

.hm-WorldOfSeiko_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.hm-WorldOfSeiko_Pagination-item.is-current:before {
    background-color: #161616
}

.hm-WorldOfSeiko_Button {
    position: relative;
    z-index: 1;
    margin-top: -33px;
    text-align: center
}

.hm-WorldOfSeiko_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.hm-WorldOfSeiko_Button a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.instr-MainVisual {
    background: url(/assets/img/img_instruction_bg.jpg) 50%/cover no-repeat
}

.instr-MainVisual_Inner {
    box-sizing: border-box;
    display: table;
    height: 140px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 20px
}

.instr-MainVisual_Inside {
    display: table-cell;
    vertical-align: middle
}

.instr-MainVisual_Heading {
    font-size: 2rem;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.instr-Result {
    max-width: 840px;
    min-height: 10vh;
    margin: 30px auto 120px;
    padding: 0 20px
}

.instr-Result a:link {
    text-decoration: underline
}

.instr-Result a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.instr-Result a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.instr-Result b,
.instr-Result strong {
    font-weight: 700
}

.instr-Result em,
.instr-Result i {
    font-style: italic
}

.instr-Result_NoResults {
    display: flex;
    align-items: center;
    justify-content: center
}

.instr-Result_NoResultsInner {
    width: 100%;
    padding: 45px 20px;
    border: 1px solid #eee;
    text-align: center
}

.instr-Result_NoResultsInner p {
    font-size: 1.5rem
}

.instr-Result_Table {
    width: 100%;
    table-layout: fixed
}

.instr-Result_Table td,
.instr-Result_Table th {
    border: 1px solid #eee;
    font-size: 1.5rem
}

.instr-Result_Table th {
    padding: 20px;
    background-color: #fafafa
}

.instr-Result_Table td div {
    padding: 20px
}

.instr-Result_Table td div:not(:only-child) {
    border-bottom: 1px solid #eee
}

.instr-Result_Table td div:last-child {
    border-bottom: none
}

.instr-Result_Table thead>tr th {
    background-color: #f3f8ff;
    font-weight: 700
}

.instr-Result_Table .instr-Result_MovieLink[target=_blank]:after {
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url(/assets/img/icon_movie.svg) 0 0/100% no-repeat
}

.instr-Result_Initial {
    text-align: left;
    font-weight: 400
}

.instr-Search {
    margin-bottom: 70px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #e6e6e6
}

.instr-Search_Inner {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px
}

.instr-Search_Language {
    display: flex;
    align-items: center;
    width: 550px;
    margin: 0 auto;
    padding-top: 50px
}

.instr-Search_LanguageLabel {
    font-size: 1.6rem;
    font-weight: 700
}

.instr-Search_LanguageSelect {
    position: relative;
    width: 61.8181818%;
    height: 54px;
    margin-left: 30px
}

.instr-Search_LanguageSelect>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 6px;
    margin-top: -3px
}

.instr-Search_LanguageSelect select {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 15px 40px 15px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 0;
    margin: 0;
    background-color: #fff;
    vertical-align: middle;
    font-size: inherit;
    color: #204072;
    cursor: pointer
}

.instr-Search_LanguageSelect select:disabled {
    opacity: .6
}

.instr-Search_LanguageSelect select::-ms-expand {
    display: none
}

.instr-Search_Row {
    display: flex;
    padding: 50px 0
}

.instr-Search_Col {
    box-sizing: border-box;
    width: 50%;
    padding: 40px;
    border-left: 1px solid #e6e6e6
}

.instr-Search_Col:last-child {
    border-right: 1px solid #e6e6e6
}

.instr-Search_Heading {
    margin-bottom: 30px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #161616
}

.instr-Search_CaliberSearch {
    position: relative;
    margin-bottom: 30px
}

.instr-Search_CaliberSearchInput {
    padding: 5px 10px 5px 55px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    font-size: 1.6rem
}

.instr-Search_CaliberSearchInput::-webkit-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #767676;
    transform: translateX(-22px)
}

.instr-Search_CaliberSearchInput::-moz-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #767676;
    transform: translateX(-22px)
}

.instr-Search_CaliberSearchInput:-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #767676;
    transform: translateX(-22px)
}

.instr-Search_CaliberSearchInput::-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #767676;
    transform: translateX(-22px)
}

.instr-Search_CaliberSearchInput::placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #767676;
    transform: translateX(-22px)
}

.instr-Search_CaliberSearchButton {
    position: absolute;
    top: 13px;
    left: 18px;
    padding: 5px
}

.instr-Search_CaliberNum {
    display: flex;
    align-items: center
}

.instr-Search_CaliberNumImage {
    width: 52.9411765%;
    margin-right: 30px
}

.instr-Search_CaliberNumText {
    flex: 1
}

.instr-Search_InitialSearchItems {
    display: flex;
    margin-bottom: 20px
}

.instr-Search_InitialSearchItem-circle:not(:last-child),
.instr-Search_InitialSearchItem-other:not(:last-child),
.instr-Search_InitialSearchItem-pedometer:not(:last-child),
.instr-Search_InitialSearchItem:not(:last-child) {
    margin-right: 8px
}

.instr-Search_InitialSearchItem-circle {
    width: 10%
}

.instr-Search_InitialSearchItem-circle>span {
    padding-bottom: 100%;
    border-radius: 50%
}

.instr-Search_InitialSearchItem-other {
    flex: 1;
    max-width: 80px
}

.instr-Search_InitialSearchItem-other>span {
    height: 100%;
    border-radius: 4px
}

.instr-Search_InitialSearchItem-pedometer {
    flex: 1
}

.instr-Search_InitialSearchItem-pedometer>span {
    height: 100%;
    border-radius: 4px
}

.instr-Search_InitialSearchItem-circle>span,
.instr-Search_InitialSearchItem-other>span,
.instr-Search_InitialSearchItem-pedometer>span,
.instr-Search_InitialSearchItem>span {
    position: relative;
    display: block;
    width: 100%;
    background-color: #fff
}

.instr-Search_InitialSearchItem-circle>span>span,
.instr-Search_InitialSearchItem-other>span>span,
.instr-Search_InitialSearchItem-pedometer>span>span,
.instr-Search_InitialSearchItem>span>span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    transform: translateY(-50%)
}

.instr-Search_InitialSearchAll {
    display: block;
    width: 150px;
    height: 30px;
    margin: 0 auto;
    background-color: #204072;
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 30px
}

.kl-List {
    max-width: 840px;
    margin: 0 auto;
    padding: 70px 20px 0
}

.kl-List:last-child {
    margin-bottom: 120px
}

.kl-List_Inner {
    border-bottom: 1px solid #eee
}

.kl-List:last-child .kl-List_Inner {
    border-bottom: none
}

.kl-List_Heading {
    margin-bottom: 50px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .kl-List_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.kl-List_Items,
.kl-List_Items-half,
.kl-List_Items-trisect {
    display: flex;
    flex-wrap: wrap;
    margin: -40px 0 70px
}

.kl-List_Items-trisect .kl-List_Item {
    width: 30.952381%;
    margin: 40px 3.5714286% 0 0
}

.kl-List_Items-trisect .kl-List_Item:nth-child(3n) {
    margin-right: 0
}

.kl-List_Items-half .kl-List_Item {
    width: 47.6190476%;
    margin: 40px 4.7619048% 0 0
}

.kl-List_Items-half .kl-List_Item:nth-child(2n) {
    margin-right: 0
}

.kl-List_Items-full .kl-List_Item {
    width: 100%
}

.kl-List_Items-full .kl-List_Item:not(:last-child) {
    margin-bottom: 40px
}

.kl-List_ItemContainer {
    display: block;
    height: 100%;
    background-color: #f6f6f6
}

.kl-List_ItemInner {
    display: table;
    width: 100%;
    height: 210px;
    text-align: center
}

.kl-List_ItemInside {
    display: table-cell;
    padding: 40px 20px 20px
}

.kl-List_Title {
    margin-top: 40px;
    font-size: 1.5rem;
    text-align: center
}

.kl-MainVisual {
    background: url(/assets/img/img_knowledge_bg.jpg) 50%/cover no-repeat
}

.kl-MainVisual_Inner {
    box-sizing: border-box;
    display: table;
    height: 140px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 20px
}

.kl-MainVisual_Inside {
    display: table-cell;
    vertical-align: middle
}

.kl-MainVisual_Heading {
    font-size: 2rem;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.lu-List {
    margin-bottom: 120px
}

.lu-List_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .lu-List_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .lu-List_Heading {
    color: #b72841
}

.lu-List_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.lu-List_Items {
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    margin-top: -50px
}

.lu-List_Item,
.lu-List_Items {
    box-sizing: border-box;
    position: relative
}

.lu-List_Item {
    flex-shrink: 0;
    width: 25%;
    border-right: 1px solid #eee;
    margin-top: 50px
}

.lu-List_Item:first-child,
.lu-List_Item:nth-child(4n+1) {
    border-left: 1px solid #eee
}

.lu-List_Item>a {
    display: block;
    padding: 0 40px 40px
}

.lu-List_Favorite {
    position: absolute;
    top: -5px;
    right: 15px;
    padding: 5px
}

.lu-List_Label {
    display: flex;
    justify-content: center;
    min-height: 13px;
    margin-bottom: 30px;
    line-height: 1
}

.lu-List_LabelNew {
    font-weight: 700;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.lu-List_LabelNew:not(:last-child) {
    margin-right: 10px
}

html[lang^=zh] .lu-List_LabelNew {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.lu-List_LabelLimited {
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .lu-List_LabelLimited {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.lu-List_Image {
    margin-bottom: 35px
}

.lu-List_Collection {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.2rem;
    color: #161616
}

.lu-List_Name {
    margin-bottom: 35px;
    font-size: 2rem;
    text-align: center;
    color: #161616;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .lu-List_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.lu-List_Price {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    color: #333;
    text-align: center
}

.lu-List_PriceCurrency {
    font-weight: 400;
    font-size: 1rem
}

.lu-List_PriceCurrency:first-child {
    margin-right: 5px
}

.lu-List_PriceCurrency:last-child {
    margin-left: 5px
}

.lu-List_Target {
    display: flex;
    justify-content: center
}

.lu-List_TargetMens {
    font-size: 1.1rem;
    color: #4194bf;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .lu-List_TargetMens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.lu-List_TargetWomens {
    font-size: 1.1rem;
    color: #e77085;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .lu-List_TargetWomens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.lu-List_TargetPair {
    font-size: 1.1rem;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .lu-List_TargetPair {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.lu-List_TargetPair:not(:only-child):before {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 10px;
    background-color: #ddd;
    content: ""
}

.lu-List_Button {
    margin-top: 50px;
    text-align: center
}

.lu-List_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.lu-List_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.nw-Categories {
    margin-bottom: 70px;
    padding: 40px 0;
    background-color: #f6f6f6
}

.nw-Categories_Items {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.nw-Categories_Item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 40px;
    border-left: 1px solid #e6e6e6
}

.nw-Categories_Item:last-child {
    border-right: 1px solid #e6e6e6
}

.nw-Categories_Item>a {
    font-size: 1.4rem;
    color: #204072
}

.nw-Categories_Item>a.is-current {
    opacity: .5;
    color: #666
}

.nw-List {
    margin-bottom: 120px
}

.nw-List_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.nw-List_Item {
    display: flex;
    align-items: center;
    padding: 50px 0;
    border-bottom: 1px solid #eee
}

.nw-List_Item:first-child {
    border-top: 1px solid #eee
}

.nw-List_Thumb {
    width: 22.65625%;
    margin-right: 3.125%
}

.nw-List_Thumb a {
    display: block
}

.nw-List_ThumbInner {
    height: 0;
    padding-bottom: 56.25%;
    background-image: url(/assets/img/img_noimage02_l.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.nw-List_Body {
    flex: 1
}

.nw-List_Meta {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.nw-List_Date {
    margin-right: 20px;
    font-size: 1.4rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .nw-List_Date {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.nw-List_Categories {
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .nw-List_Categories {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.nw-List_Category,
.nw-List_Category-basel,
.nw-List_Category-important,
.nw-List_Category-press,
.nw-List_Category-story,
.nw-List_Category-topics {
    margin-right: 10px;
    font-size: 1.1rem
}

.nw-List_Category-press {
    color: #a89579
}

.nw-List_Category-topics {
    color: #888
}

.nw-List_Category-basel {
    color: #5380b1
}

.nw-List_Category-story {
    color: #a685b1
}

.nw-List_Category-important {
    color: #e86963
}

.nw-List_Title {
    font-size: 1.5rem
}

.nw-List_Title a:link {
    text-decoration: underline
}

.nw-List_Title a>img {
    display: inline-block;
    vertical-align: unset;
    margin-left: 5px
}

.nw-List_More {
    margin-top: 70px;
    text-align: center
}

.nw-List_More button {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.nw-List_More button:before {
    position: absolute;
    top: calc(50% - 1px);
    right: 20px;
    width: 10px;
    height: 2px;
    background-color: #fff;
    content: ""
}

.nw-List_More button:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 24px;
    width: 2px;
    height: 10px;
    background-color: #fff;
    content: "";
    transition: all .2s
}

.nw-Support {
    margin-bottom: 70px
}

.nw-Support_Inner {
    display: flex;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.nw-Support_Lead {
    font-size: 1.5rem
}

.nw-Support_Sort,
.nw-Support_Sort-brand,
.nw-Support_Sort-year {
    position: relative;
    width: 180px
}

.nw-Support_Sort-brand>img,
.nw-Support_Sort-year>img,
.nw-Support_Sort>img {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 6px;
    margin-top: -3px
}

.nw-Support_Sort select,
.nw-Support_Sort-brand select,
.nw-Support_Sort-year select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 6px 25px 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 0;
    margin: 0;
    background-color: #e6e6e6;
    vertical-align: middle;
    font-size: 1.1rem;
    color: #204072;
    cursor: pointer
}

.nw-Support_Sort select::-ms-expand,
.nw-Support_Sort-brand select::-ms-expand,
.nw-Support_Sort-year select::-ms-expand {
    display: none
}

.nw-Support_Sort-brand {
    margin-left: auto;
    padding-left: 20px
}

.nw-Support_Sort-year {
    margin-left: 20px
}

.pds-GsBanner {
    margin-bottom: 120px
}

.pds-GsBanner_Inner {
    position: relative;
    width: 620px;
    margin: 0 auto
}

.pds-Heading,
.pds-Heading--related {
    max-width: 1280px;
    margin: 70px auto;
    padding: 0 20px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pds-Heading,
html[lang^=zh] .pds-Heading--related {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pds-Heading--related:before {
    display: block;
    margin-top: -140px;
    padding-top: 140px;
    content: ""
}

.pds-License {
    max-width: 1280px;
    margin: 0 auto 120px;
    padding: 0 20px
}

.pds-License_Items {
    display: flex;
    flex-wrap: wrap;
    margin-top: -70px
}

.pds-License_Item {
    box-sizing: border-box;
    width: 22.65625%;
    margin: 70px 3.125% 0 0
}

.pds-License_Item:nth-child(4n) {
    margin-right: 0
}

.pds-License_Item a {
    display: block
}

.pds-License_Item a>img {
    display: inline-block;
    vertical-align: unset
}

.pds-License_Thumb {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    background-color: #f6f6f6
}

.pds-License_Thumb>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pds-License_Title {
    font-size: 1.4rem;
    text-align: center
}

.pds-License_Title img {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle
}

.pds-License_Next,
.pds-License_Prev {
    display: none
}

.pds-License_Pagination {
    display: none;
    justify-content: center;
    margin-top: 40px
}

.pds-License_Pagination-item {
    position: relative;
    width: 20px;
    height: 20px
}

.pds-License_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.pds-License_Pagination-item.is-current:before {
    background-color: #161616
}

.pds-Premium {
    max-width: 1280px;
    margin: 0 auto 120px;
    padding: 0 20px
}

.pds-Premium_Items {
    display: flex;
    flex-wrap: wrap;
    margin-top: -50px
}

.pds-Premium_Item {
    box-sizing: border-box;
    width: 31.25%;
    margin: 50px 3.125% 0 0
}

.pds-Premium_Item:nth-child(3n) {
    margin-right: 0
}

.pds-Premium_Item a {
    display: block
}

.pds-Premium_Item a>img {
    display: inline-block;
    vertical-align: unset
}

.pds-Premium_Thumb {
    margin-bottom: 30px
}

.pds-Premium_ThumbInner {
    padding-bottom: 56.25%;
    background-image: url(/assets/img/img_noimage02_xl.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.pds-Premium_Title {
    font-size: 1.4rem;
    text-align: center
}

.pds-Premium_Title img {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle
}

.pds-Premium_Next,
.pds-Premium_Prev {
    display: none
}

.pds-Premium_Pagination {
    display: none;
    justify-content: center;
    margin-top: 40px
}

.pds-Premium_Pagination-item {
    position: relative;
    width: 20px;
    height: 20px
}

.pds-Premium_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.pds-Premium_Pagination-item.is-current:before {
    background-color: #161616
}

.pds-Primary {
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: 50px auto;
    padding: 0 20px
}

.pds-Primary_Item {
    box-sizing: border-box;
    width: 33.28125%;
    margin-top: 50px;
    padding: 40px;
    border-left: 1px solid #eee
}

.pds-Primary_Item:last-child,
.pds-Primary_Item:nth-child(3n) {
    border-right: 1px solid #eee
}

.pds-Primary_Item a {
    display: block
}

.pds-Primary_Thumb {
    margin-bottom: 40px
}

.pds-Primary_ThumbInner {
    padding-bottom: 56.25%;
    background-image: url(/assets/img/img_noimage02_xl.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.pds-Primary_Logo {
    align-items: center;
    height: 80px
}

.pds-Primary_Logo,
.pds-Primary_Target {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.pds-Primary_Target {
    min-width: 22px
}

.pds-Primary_TargetMens {
    font-size: 1.1rem;
    color: #4194bf;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pds-Primary_TargetMens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pds-Primary_TargetWomens {
    font-size: 1.1rem;
    color: #e77085;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pds-Primary_TargetWomens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pds-Primary_TargetWomens:not(:only-child):before {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 10px;
    background-color: #ddd;
    content: ""
}

.pds-Primary_Lead {
    font-size: 1.4rem;
    color: #333
}

.pds-Related {
    max-width: 1280px;
    margin: 0 auto 120px;
    padding: 0 20px
}

.pds-Related_Items {
    display: flex;
    flex-wrap: wrap;
    margin-top: -50px
}

.pds-Related_Item {
    box-sizing: border-box;
    width: 31.25%;
    margin: 50px 3.125% 0 0
}

.pds-Related_Item:nth-child(3n) {
    margin-right: 0
}

.pds-Related_Item a {
    display: block
}

.pds-Related_Item a>img {
    display: inline-block;
    vertical-align: unset
}

.pds-Related_Thumb {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    background-color: #f6f6f6
}

.pds-Related_Thumb>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pds-Related_Title {
    font-size: 1.4rem;
    text-align: center
}

.pds-Related_Title img {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle
}

.pds-Related_Next,
.pds-Related_Prev {
    display: none
}

.pds-Related_Pagination {
    display: none;
    justify-content: center;
    margin-top: 40px
}

.pds-Related_Pagination-item {
    position: relative;
    width: 20px;
    height: 20px
}

.pds-Related_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.pds-Related_Pagination-item.is-current:before {
    background-color: #161616
}

.pds-Secondary {
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: 0 auto 120px;
    padding: 0 20px
}

.pds-Secondary_Col {
    box-sizing: border-box;
    width: 33.28125%;
    margin-top: 50px;
    padding: 40px;
    border-left: 1px solid #eee
}

.pds-Secondary_Col:last-child,
.pds-Secondary_Col:nth-child(3n) {
    border-right: 1px solid #eee
}

.pds-Secondary_Item a:link {
    text-decoration: underline
}

.pds-Secondary_Item a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pds-Secondary_Item a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pds-Secondary_Item b,
.pds-Secondary_Item strong {
    font-weight: 700
}

.pds-Secondary_Item em,
.pds-Secondary_Item i {
    font-style: italic
}

.pds-Secondary_Item:not(:last-child) {
    margin-bottom: 10px
}

.pds-Secondary_Item a {
    font-size: 1.4rem
}

.sach-Count {
    max-width: 1280px;
    margin: 0 auto 70px;
    padding: 0 20px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #161616;
    line-height: 1.4;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sach-Count {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sach-Count_Num {
    margin: 0 10px;
    font-size: 3rem;
    font-weight: 400
}

.sach-Loading {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: hsla(0, 0%, 100%, .7);
    pointer-events: none;
    transition: opacity .4s
}

.sach-Loading.is-loading {
    opacity: 1;
    pointer-events: all
}

.sach-Loading_Icon {
    position: relative;
    width: 40px;
    height: 40px;
    margin: calc(50vh - 20px) auto
}

.sach-Loading_Icon svg {
    position: absolute;
    top: 0;
    left: 0
}

.sach-Loading_IconLongHand {
    -webkit-animation: 1.2s ease-in-out .4s infinite SPIN;
    animation: 1.2s ease-in-out .4s infinite SPIN
}

.sach-Loading_IconShortHand {
    -webkit-animation: 14.4s linear .4s infinite SPIN;
    animation: 14.4s linear .4s infinite SPIN
}

@-webkit-keyframes SPIN {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes SPIN {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.sach-Results {
    margin-bottom: 120px
}

.sach-Results_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.sach-Results_Item {
    display: flex;
    align-items: center;
    padding: 50px 0;
    border-bottom: 1px solid #eee
}

.sach-Results_Item:first-child {
    border-top: 1px solid #eee
}

.sach-Results_Thumb {
    width: 22.65625%;
    margin-right: 3.125%
}

.sach-Results_Thumb a {
    display: block
}

.sach-Results_ThumbInner {
    height: 0;
    padding-bottom: 56.25%;
    background-image: url(/assets/img/img_noimage02_l.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.sach-Results_Body {
    flex: 1
}

.sach-Results_Meta {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.sach-Results_Date {
    margin-right: 20px;
    font-size: 1.4rem
}

.sach-Results_Categories {
    display: flex;
    flex-wrap: wrap
}

.sach-Results_Category,
.sach-Results_Category-basel,
.sach-Results_Category-important,
.sach-Results_Category-press,
.sach-Results_Category-story,
.sach-Results_Category-topics {
    margin-right: 10px;
    font-size: 1.1rem
}

.sach-Results_Category-press {
    color: #a89579
}

.sach-Results_Category-topics {
    color: #888
}

.sach-Results_Category-basel {
    color: #5380b1
}

.sach-Results_Category-story {
    color: #a685b1
}

.sach-Results_Category-important {
    color: #e86963
}

.sach-Results_Title {
    font-size: 1.5rem
}

.sach-Results_Title a:link {
    text-decoration: underline
}

.sach-Results_Title a>img {
    display: inline-block;
    vertical-align: unset;
    margin-left: 5px
}

.sach-Results_More {
    margin-top: 70px;
    text-align: center
}

.sach-Results_More button {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.sach-Results_More button:before {
    position: absolute;
    top: calc(50% - 1px);
    right: 20px;
    width: 10px;
    height: 2px;
    background-color: #fff;
    content: ""
}

.sach-Results_More button:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 24px;
    width: 2px;
    height: 10px;
    background-color: #fff;
    content: "";
    transition: all .2s
}

.sach-Results_NoResults {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto 120px;
    padding: 0 20px
}

.sach-Results_NoResultsInner {
    width: 100%;
    padding: 45px 20px;
    border: 1px solid #eee;
    text-align: center
}

.sach-Results_NoResultsInner p {
    font-size: 1.5rem
}

.sach-Search {
    max-width: 1280px;
    margin: 70px auto 60px;
    padding: 0 20px
}

.sach-Search_Inner {
    position: relative
}

.sach-Search_Input {
    padding: 5px 10px 5px 55px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    font-size: 1.6rem
}

.sach-Search_Input::-webkit-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.sach-Search_Input::-moz-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.sach-Search_Input:-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.sach-Search_Input::-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.sach-Search_Input::placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.sach-Search_Button {
    position: absolute;
    top: 13px;
    left: 18px;
    padding: 5px
}

.slrg-Anchor {
    max-width: 1280px;
    margin: 70px auto;
    padding: 0 20px
}

.slrg-Anchor_Inner {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.slrg-Anchor_Items {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px
}

.slrg-Anchor_Item {
    margin: 10px 20px 0 0
}

.slrg-Anchor_Item a {
    display: flex;
    align-items: center;
    font-size: 1.2rem
}

.slrg-Anchor_Item a>img {
    position: relative;
    top: 1px;
    display: block;
    width: 10px;
    height: 6px;
    margin-left: 5px
}

.slrg-Heading {
    max-width: 1280px;
    margin: 0 auto 40px;
    padding: 0 20px
}

.slrg-Heading_Inner {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.slrg-Heading_Title {
    font-size: 2rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .slrg-Heading_Title {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.slrg-Regions {
    max-width: 1280px;
    margin: 0 auto 70px;
    padding: 0 20px
}

.slrg-Regions a:link {
    text-decoration: underline
}

.slrg-Regions a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.slrg-Regions a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.slrg-Regions b,
.slrg-Regions strong {
    font-weight: 700
}

.slrg-Regions em,
.slrg-Regions i {
    font-style: italic
}

.slrg-Regions_GlobalLink {
    font-size: 1.2rem
}

.slrg-Regions_Items {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1.5625%
}

.slrg-Regions_Item {
    width: 23.828125%;
    margin-top: 1.5625%
}

.slrg-Regions_Item:not(:nth-child(4n)) {
    margin-right: 1.5625%
}

.slrg-Regions_Item a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fafafa;
    font-size: 1.1rem;
    font-weight: 700
}

.slrg-Regions_Item a:after {
    flex-shrink: 0;
    margin-right: 0
}

.slrg-Regions_Flag {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 20px;
    margin-right: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.sr-Concept {
    margin-bottom: 120px
}

.sr-Concept.okra-style-on-init .sr-Concept_Heading {
    opacity: 0
}

.sr-Concept.okra-style-on-init .sr-Concept_MediaInner {
    opacity: 0;
    transform: scale(1.05)
}

.sr-Concept.okra-style-on-init .sr-Concept_InnerHeading,
.sr-Concept.okra-style-on-init .sr-Concept_Text {
    position: relative;
    top: 20px;
    opacity: 0
}

.sr-Concept.okra-style-on-init .sr-Concept_Button {
    opacity: 0
}

.sr-Concept.okra-style-on-scroll .sr-Concept_Heading {
    opacity: 1;
    transition: opacity .8s
}

.sr-Concept.okra-style-on-scroll .sr-Concept_MediaInner {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.sr-Concept.okra-style-on-scroll .sr-Concept_InnerHeading {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.sr-Concept.okra-style-on-scroll .sr-Concept_Text {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.sr-Concept.okra-style-on-scroll .sr-Concept_Button {
    opacity: 1;
    transition: opacity .6s 1s
}

.sr-Concept_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Concept_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .sr-Concept_Heading {
    color: #b72841
}

.sr-Concept_Media {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px
}

.sr-Concept_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.sr-Concept_MediaInner {
    height: 100%
}

.sr-Concept_Body {
    box-sizing: border-box;
    width: 100%;
    max-width: 660px;
    padding: 0 20px;
    margin: -40px auto 0
}

.sr-Concept_Inner {
    position: relative;
    padding: 70px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04)
}

.sr-Concept_InnerHeading {
    margin-bottom: 40px;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    text-align: center
}

html[lang^=zh] .sr-Concept_InnerHeading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Concept_Text {
    font-size: 1.5rem
}

.sr-Concept_Text:not(:last-child) {
    margin-bottom: 20px
}

.sr-Concept_Button {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
}

.sr-Concept_Button a {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.sr-Concept_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.is-lukia .sr-Concept_Button a {
    background-color: #b72841
}

.sr-Features {
    margin-bottom: 150px
}

.sr-Features.okra-style-on-init .sr-Features_Heading {
    opacity: 0
}

.sr-Features.okra-style-on-init .sr-Features_MediaInner {
    opacity: 0;
    transform: scale(1.05)
}

.sr-Features.okra-style-on-init .sr-Features_InnerHeading,
.sr-Features.okra-style-on-init .sr-Features_Text {
    position: relative;
    top: 20px;
    opacity: 0
}

.sr-Features.okra-style-on-init .sr-Features_Button {
    opacity: 0
}

.sr-Features.okra-style-on-scroll .sr-Features_Heading {
    opacity: 1;
    transition: opacity .8s
}

.sr-Features.okra-style-on-scroll .sr-Features_MediaInner {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.sr-Features.okra-style-on-scroll .sr-Features_InnerHeading {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.sr-Features.okra-style-on-scroll .sr-Features_Text {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.sr-Features.okra-style-on-scroll .sr-Features_Button {
    opacity: 1;
    transition: opacity .6s 1s
}

.sr-Features_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Features_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Features_Media {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px
}

.sr-Features_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.sr-Features_MediaInner {
    height: 100%
}

.sr-Features_Body {
    box-sizing: border-box;
    width: 100%;
    max-width: 660px;
    padding: 0 20px;
    margin: -40px auto 0
}

.sr-Features_Inner {
    position: relative;
    padding: 70px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04)
}

.sr-Features_InnerHeading {
    margin-bottom: 40px;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    text-align: center
}

html[lang^=zh] .sr-Features_InnerHeading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Features_Text {
    font-size: 1.5rem
}

.sr-Features_Text:not(:last-child) {
    margin-bottom: 20px
}

.sr-Features_Button {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
}

.sr-Features_Button a {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.sr-Features_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.sr-Lead {
    max-width: 840px;
    margin: 0 auto 120px;
    padding: 0 20px;
    font-size: 1.5rem;
    text-align: center
}

.sr-Lead.okra-style-on-init {
    opacity: 0;
    position: relative;
    top: 20px
}

.sr-Lead.okra-style-on-scroll {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.sr-Lineup {
    margin-bottom: 120px
}

.sr-Lineup.okra-style-on-init .sr-Lineup_Heading {
    opacity: 0
}

.sr-Lineup.okra-style-on-init .sr-Lineup_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.sr-Lineup.okra-style-on-scroll .sr-Lineup_Heading {
    opacity: 1;
    transition: opacity .8s
}

.sr-Lineup.okra-style-on-scroll .sr-Lineup_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.sr-Lineup_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Lineup_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Lineup_Items {
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: -50px auto 0;
    padding: 0 20px
}

.sr-Lineup_Item,
.sr-Lineup_Items {
    box-sizing: border-box;
    position: relative
}

.sr-Lineup_Item {
    flex-shrink: 0;
    width: 25%;
    border-right: 1px solid #eee;
    margin-top: 50px
}

.sr-Lineup_Item:first-child,
.sr-Lineup_Item:nth-child(4n+1) {
    border-left: 1px solid #eee
}

.sr-Lineup_Item>a {
    display: block;
    padding: 0 40px 40px
}

.sr-Lineup_Favorite {
    position: absolute;
    top: -5px;
    right: 15px
}

.sr-Lineup_Favorite button {
    padding: 5px
}

.sr-Lineup_Favorite button.is-added .shape {
    fill: #a89579
}

.sr-Lineup_Label {
    display: flex;
    justify-content: center;
    min-height: 13px;
    margin-bottom: 30px;
    line-height: 1
}

.sr-Lineup_LabelNew {
    font-weight: 700;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.sr-Lineup_LabelNew:not(:last-child) {
    margin-right: 10px
}

html[lang^=zh] .sr-Lineup_LabelNew {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Lineup_LabelLimited {
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Lineup_LabelLimited {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Lineup_Image {
    margin-bottom: 35px
}

.sr-Lineup_Collection {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.2rem;
    color: #161616
}

.sr-Lineup_Name {
    margin-bottom: 35px;
    font-size: 2rem;
    text-align: center;
    color: #161616;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Lineup_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Lineup_Price {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    color: #333;
    text-align: center
}

.sr-Lineup_PriceCurrency {
    font-weight: 400;
    font-size: 1rem
}

.sr-Lineup_PriceCurrency:first-child {
    margin-right: 5px
}

.sr-Lineup_PriceCurrency:last-child {
    margin-left: 5px
}

.sr-Lineup_Target {
    display: flex;
    justify-content: center
}

.sr-Lineup_TargetMens {
    font-size: 1.1rem;
    color: #4194bf;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Lineup_TargetMens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Lineup_TargetWomens {
    font-size: 1.1rem;
    color: #e77085;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Lineup_TargetWomens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Lineup_TargetPair {
    font-size: 1.1rem;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Lineup_TargetPair {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Lineup_TargetPair:not(:only-child):before {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 10px;
    background-color: #ddd;
    content: ""
}

.sr-MainVisual {
    position: relative;
    margin-bottom: 120px
}

.sr-MainVisual.okra-style-on-init .sr-MainVisual_Media {
    opacity: 0
}

.sr-MainVisual.okra-style-on-init .sr-MainVisual_Heading,
.sr-MainVisual.okra-style-on-init .sr-MainVisual_Heading-white {
    opacity: 0;
    position: relative;
    top: 20px
}

.sr-MainVisual.okra-style-on-scroll .sr-MainVisual_Media {
    opacity: 1;
    transition: opacity .8s
}

.sr-MainVisual.okra-style-on-scroll .sr-MainVisual_Heading,
.sr-MainVisual.okra-style-on-scroll .sr-MainVisual_Heading-white {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .4s, opacity .8s .4s
}

.sr-MainVisual_Media {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0
}

.sr-MainVisual_Media img,
.sr-MainVisual_Media video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.sr-MainVisual_Wrapper {
    position: relative;
    height: 500px
}

.sr-MainVisual_Container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sr-MainVisual_Inner {
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.sr-MainVisual_Body {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 50%;
    height: 100%
}

.sr-MainVisual_Inside {
    max-width: 480px
}

.sr-MainVisual_Heading,
.sr-MainVisual_Heading-white {
    font-size: 3rem;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-MainVisual_Heading,
html[lang^=zh] .sr-MainVisual_Heading-white {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-MainVisual_Heading-white {
    color: #fff
}

.sr-Movie {
    max-width: 840px;
    margin: 0 auto 120px;
    padding: 0 20px
}

.sr-Movie.okra-style-on-init .sr-Movie_Inner {
    opacity: 0
}

.sr-Movie.okra-style-on-scroll .sr-Movie_Inner {
    opacity: 1;
    transition: opacity .8s
}

.sr-Movie_Inner {
    margin-bottom: 20px;
    text-align: center
}

.sr-Movie_Inner .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.sr-Movie_Inner .okra-lazyload img {
    height: auto !important
}

.sr-Movie_Cover {
    position: relative;
    cursor: pointer
}

.sr-Movie_Cover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    content: ""
}

.sr-Movie_PlayButton {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px
}

.sr-Movie_Modal {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: opacity .2s
}

.sr-Movie_Modal.is-show {
    opacity: 1;
    pointer-events: all
}

.sr-Movie_ModalOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9)
}

.sr-Movie_ModalContainer {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 20px
}

.sr-Movie_ModalInner {
    position: relative;
    width: 960px;
    text-align: center;
    transform: translateZ(0)
}

.sr-Movie_ModalInside {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 56.25%
}

.sr-Movie_ModalIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sr-Movie_ModalClose {
    position: relative;
    padding-left: 20px;
    font-size: 1.3rem;
    color: #fff
}

.sr-Movie_ModalClose:before {
    transform: rotate(45deg)
}

.sr-Movie_ModalClose:after,
.sr-Movie_ModalClose:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 13px;
    height: 2px;
    background-color: #fff;
    content: ""
}

.sr-Movie_ModalClose:after {
    transform: rotate(-45deg)
}

.sr-News {
    margin-bottom: 120px
}

.sr-News.okra-style-on-init .sr-News_Heading {
    opacity: 0
}

.sr-News.okra-style-on-init .blk-PostList_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.sr-News.okra-style-on-init .blk-PostList_Next,
.sr-News.okra-style-on-init .blk-PostList_Pagination {
    opacity: 0
}

.sr-News.okra-style-on-scroll .sr-News_Heading {
    opacity: 1;
    transition: opacity .8s
}

.sr-News.okra-style-on-scroll .blk-PostList_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.sr-News.okra-style-on-scroll .blk-PostList_Item:nth-child(2) {
    transition-delay: .2s
}

.sr-News.okra-style-on-scroll .blk-PostList_Item:nth-child(3) {
    transition-delay: .4s
}

.sr-News.okra-style-on-scroll .blk-PostList_Item:nth-child(4) {
    transition-delay: .6s
}

.sr-News.okra-style-on-scroll .blk-PostList_Next:not(.is-disabled),
.sr-News.okra-style-on-scroll .blk-PostList_Pagination {
    opacity: 1;
    transition: opacity .8s
}

.sr-News_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.sr-News_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.sr-News_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-News_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .sr-News_Heading {
    color: #b72841
}

.sr-News .blk-PostList_Prev {
    top: 0;
    left: 7px;
    margin-top: 12.3484848%
}

.sr-News .blk-PostList_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.sr-News .blk-PostList_Next {
    top: 0;
    right: 7px;
    margin-top: 12.3484848%
}

.sr-News .blk-PostList_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.sr-Story {
    margin-bottom: 120px
}

.sr-Story.okra-style-on-init .sr-Story_Heading {
    opacity: 0
}

.sr-Story.okra-style-on-init .sr-Story_MediaInner {
    opacity: 0;
    transform: scale(1.05)
}

.sr-Story.okra-style-on-init .sr-Story_InnerHeading,
.sr-Story.okra-style-on-init .sr-Story_Text {
    position: relative;
    top: 20px;
    opacity: 0
}

.sr-Story.okra-style-on-init .sr-Story_Button {
    opacity: 0
}

.sr-Story.okra-style-on-scroll .sr-Story_Heading {
    opacity: 1;
    transition: opacity .8s
}

.sr-Story.okra-style-on-scroll .sr-Story_MediaInner {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.sr-Story.okra-style-on-scroll .sr-Story_InnerHeading {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.sr-Story.okra-style-on-scroll .sr-Story_Text {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.sr-Story.okra-style-on-scroll .sr-Story_Button {
    opacity: 1;
    transition: opacity .6s 1s
}

.sr-Story_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sr-Story_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .sr-Story_Heading {
    color: #b72841
}

.sr-Story_Media {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px
}

.sr-Story_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.sr-Story_MediaInner {
    height: 100%
}

.sr-Story_Body {
    box-sizing: border-box;
    width: 100%;
    max-width: 660px;
    padding: 0 20px;
    margin: -40px auto 0
}

.sr-Story_Inner {
    position: relative;
    padding: 70px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04)
}

.sr-Story_InnerHeading {
    margin-bottom: 40px;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    text-align: center
}

html[lang^=zh] .sr-Story_InnerHeading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sr-Story_Text {
    font-size: 1.5rem
}

.sr-Story_Text:not(:last-child) {
    margin-bottom: 20px
}

.sr-Story_Button {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
}

.sr-Story_Button a {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.sr-Story_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.is-lukia .sr-Story_Button a {
    background-color: #b72841
}

.str-Boutique {
    margin-bottom: 120px
}

.str-Boutique_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.str-Boutique_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .str-Boutique_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.str-Boutique_Items {
    display: flex;
    flex-wrap: wrap
}

.str-Boutique_FullItem,
.str-Boutique_FullItem-left,
.str-Boutique_FullItem-right {
    position: relative;
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw)
}

.str-Boutique_ColItem,
.str-Boutique_ColItem-left,
.str-Boutique_ColItem-right {
    display: flex;
    max-width: 1280px;
    min-height: 500px;
    margin: 0 auto;
    padding: 0 20px
}

.str-Boutique_FullItem+.str-Boutique_ColItem,
.str-Boutique_FullItem+.str-Boutique_ColItem-left,
.str-Boutique_FullItem+.str-Boutique_ColItem-right,
.str-Boutique_FullItem-left+.str-Boutique_ColItem,
.str-Boutique_FullItem-left+.str-Boutique_ColItem-left,
.str-Boutique_FullItem-left+.str-Boutique_ColItem-right,
.str-Boutique_FullItem-right+.str-Boutique_ColItem,
.str-Boutique_FullItem-right+.str-Boutique_ColItem-left,
.str-Boutique_FullItem-right+.str-Boutique_ColItem-right {
    margin-top: 120px
}

.str-Boutique_FullItem .str-Boutique_Media,
.str-Boutique_FullItem-left .str-Boutique_Media,
.str-Boutique_FullItem-right .str-Boutique_Media {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0
}

.str-Boutique_ColItem .str-Boutique_Media,
.str-Boutique_ColItem-left .str-Boutique_Media,
.str-Boutique_ColItem-right .str-Boutique_Media {
    overflow: hidden;
    position: relative;
    width: 50%
}

.str-Boutique_ColItem-right .str-Boutique_Media {
    order: 1
}

.str-Boutique_ColItem .str-Boutique_Media img,
.str-Boutique_ColItem-left .str-Boutique_Media img,
.str-Boutique_ColItem-right .str-Boutique_Media img,
.str-Boutique_FullItem .str-Boutique_Media img,
.str-Boutique_FullItem-left .str-Boutique_Media img,
.str-Boutique_FullItem-right .str-Boutique_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.str-Boutique_ColItem .str-Boutique_Media img,
.str-Boutique_ColItem-left .str-Boutique_Media img,
.str-Boutique_ColItem-right .str-Boutique_Media img {
    height: 100%
}

.str-Boutique_FullItem .str-Boutique_ItemInner,
.str-Boutique_FullItem-left .str-Boutique_ItemInner,
.str-Boutique_FullItem-right .str-Boutique_ItemInner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.str-Boutique_ColItem .str-Boutique_ItemInner,
.str-Boutique_ColItem-left .str-Boutique_ItemInner,
.str-Boutique_ColItem-right .str-Boutique_ItemInner {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 7.03125%
}

.str-Boutique_FullItem .str-Boutique_Body,
.str-Boutique_FullItem-left .str-Boutique_Body,
.str-Boutique_FullItem-right .str-Boutique_Body {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 50%;
    min-height: 500px;
    padding: 5.625%
}

.str-Boutique_FullItem-left .str-Boutique_Body {
    margin-left: auto
}

.str-Boutique_FullItem .str-Boutique_Inside,
.str-Boutique_FullItem-left .str-Boutique_Inside,
.str-Boutique_FullItem-right .str-Boutique_Inside {
    max-width: 480px
}

.str-Boutique_ItemHeading,
.str-Boutique_ItemHeading-white {
    margin-bottom: 40px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .str-Boutique_ItemHeading,
html[lang^=zh] .str-Boutique_ItemHeading-white {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.str-Boutique_ItemHeading-white {
    color: #fff
}

.str-Boutique_Text,
.str-Boutique_Text-white {
    font-size: 1.5rem
}

.str-Boutique_Text a:link,
.str-Boutique_Text-white a:link {
    text-decoration: underline
}

.str-Boutique_Text a[href*=".pdf"]:after,
.str-Boutique_Text-white a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.str-Boutique_Text a.is-fragmentLink:not([href*=".pdf"]):after,
.str-Boutique_Text-white a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.str-Boutique_Text b,
.str-Boutique_Text strong,
.str-Boutique_Text-white b,
.str-Boutique_Text-white strong {
    font-weight: 700
}

.str-Boutique_Text em,
.str-Boutique_Text i,
.str-Boutique_Text-white em,
.str-Boutique_Text-white i {
    font-style: italic
}

.str-Boutique_Text-white:not(:last-child),
.str-Boutique_Text:not(:last-child) {
    margin-bottom: 50px
}

.str-Boutique_Text-white {
    color: #fff
}

.str-Boutique_Link {
    text-align: center
}

.str-Boutique_Link a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.str-Boutique_Link a[target=_self]:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.str-Boutique_Link a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    margin-top: -4px
}

.str-Brand {
    max-width: 1280px;
    margin: 0 auto 120px;
    padding: 0 20px
}

.str-Brand_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .str-Brand_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.str-Brand_Items {
    display: flex;
    flex-wrap: wrap;
    margin: -50px 0 70px
}

.str-Brand_Item {
    box-sizing: border-box;
    width: 31.25%;
    margin: 50px 3.125% 0 0
}

.str-Brand_Item:nth-child(3n) {
    margin-right: 0
}

.str-Brand_Item a {
    display: block
}

.str-Brand_Item a>img {
    display: inline-block;
    vertical-align: unset
}

.str-Brand_Thumb {
    margin-bottom: 30px
}

.str-Brand_Title {
    margin-bottom: 20px;
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 5px;
    position: relative
}

.str-Brand_Title>img {
    position: absolute;
    top: 50%;
    right: -15px;
    width: 10px;
    height: 10px;
    margin-top: -5px
}

.str-Brand_Lead {
    font-size: 1.4rem;
    color: #333
}

.str-Brand_MasterShop {
    padding-top: 40px;
    border-top: 1px solid #eee;
    text-align: center
}

.str-Brand_MasterShop a:link {
    text-decoration: underline
}

.str-Brand_MasterShop a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.str-Brand_MasterShop a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.str-Brand_MasterShop b,
.str-Brand_MasterShop strong {
    font-weight: 700
}

.str-Brand_MasterShop em,
.str-Brand_MasterShop i {
    font-style: italic
}

.str-Flagship {
    margin-bottom: 120px
}

.str-Flagship_Heading {
    margin-bottom: 70px;
    padding: 0 20px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .str-Flagship_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.str-Flagship_Lead {
    max-width: 1280px;
    margin: 0 auto 70px;
    padding: 0 20px;
    font-size: 1.5rem;
    text-align: center
}

.str-Flagship_Inner {
    margin-bottom: 70px;
    background-image: url(/assets/img/img_store_flagship_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.str-Flagship_Inside {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.str-Flagship_Link {
    text-align: center
}

.str-Flagship_Link a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.str-Flagship_Link a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px
}

.str-Flagship_Bottom {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.str-Flagship_BottomInner {
    padding-top: 40px;
    border-top: 1px solid #eee;
    text-align: center
}

.str-Flagship_BottomInner a:link {
    text-decoration: underline
}

.str-Flagship_BottomInner a>img {
    display: inline-block;
    margin-left: 5px;
    vertical-align: unset
}

.str-Lead {
    max-width: 840px;
    margin: 60px auto;
    padding: 0 20px;
    font-size: 1.5rem;
    text-align: center
}

.str-MainVisual {
    margin-bottom: 120px;
    background-image: url(/assets/img/img_stores_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.str-MainVisual_Inner {
    box-sizing: border-box;
    display: table;
    height: 550px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 140px 20px 70px
}

.str-MainVisual_Inside {
    display: table-cell;
    vertical-align: middle
}

.str-MainVisual_Heading {
    margin-bottom: 40px;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-weight: 400;
    font-size: 4rem;
    color: #fff;
    text-align: center
}

html[lang^=zh] .str-MainVisual_Heading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.str-MainVisual_Lead {
    margin-bottom: 100px;
    font-size: 1.5rem;
    color: #fff;
    text-align: center
}

.str-MainVisual_Link {
    text-align: center
}

.str-MainVisual_Link a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center
}

.str-MainVisual_Link a>img {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    vertical-align: unset
}

.ss-Heading_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 20px
}

.ss-Heading_Title {
    font-size: 3rem;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .ss-Heading_Title {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.ss-OnlineShop {
    margin-bottom: 120px
}

.ss-OnlineShop_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .ss-OnlineShop_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.ss-OnlineShop_Items {
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.ss-OnlineShop_Item {
    display: flex;
    align-items: center;
    width: 31.25%;
    margin-right: 3.125%;
    padding: 40px 0;
    border-bottom: 1px solid #eee
}

.ss-OnlineShop_Item a:link {
    text-decoration: underline
}

.ss-OnlineShop_Item a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.ss-OnlineShop_Item a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.ss-OnlineShop_Item b,
.ss-OnlineShop_Item strong {
    font-weight: 700
}

.ss-OnlineShop_Item em,
.ss-OnlineShop_Item i {
    font-style: italic
}

.ss-OnlineShop_Item:nth-child(3n) {
    margin-right: 0
}

.ss-OnlineShop_Item:nth-child(-n+3) {
    border-top: 1px solid #eee
}

.ss-Result {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.ss-Result_Item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 136px;
    padding: 40px 0;
    border-bottom: 1px solid #eee
}

.ss-Result_Item:first-child {
    border-top: 1px solid #eee
}

.ss-Result_Item:last-child {
    margin-bottom: 120px
}

.ss-Result_Name {
    width: 31.25%;
    font-weight: 700
}

.ss-Result_Info,
.ss-Result_Name {
    box-sizing: border-box;
    padding-right: 20px;
    font-size: 1.4rem
}

.ss-Result_Info {
    flex: 1
}

.ss-Result_Address>img {
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 12px;
    vertical-align: middle
}

.ss-Result_Hours>img,
.ss-Result_Tel>img {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle
}

.ss-Result_Topics {
    display: flex;
    margin-top: 10px
}

.ss-Result_Topics>span {
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #a89579
}

.ss-Result_Map {
    font-size: 1.4rem
}

.ss-Result_Map a>img {
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 10px;
    margin-top: 4px
}

.ss-Search {
    margin-bottom: 120px;
    background-color: #f6f6f6
}

.ss-Search_Main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 70px 20px
}

.ss-Search_Intro {
    margin-bottom: 70px;
    font-size: 1.5rem;
    text-align: center
}

.ss-Search_Select {
    display: flex;
    justify-content: center;
    max-width: 950px;
    margin: 0 auto
}

.ss-Search_Select:not(:last-child) {
    margin-bottom: 70px
}

.ss-Search_Location {
    position: relative;
    width: 46.7741935%;
    max-width: 290px;
    height: 60px;
    margin-right: 6.4516129%
}

.ss-Search_Location-ImgArrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 6px;
    margin-top: -3px
}

.ss-Search_Location-ImgLocation {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 12px;
    height: 18px;
    margin-top: -8px
}

.ss-Search_Location select {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 15px 40px 15px 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 0;
    margin: 0;
    background-color: #e6e6e6;
    vertical-align: middle;
    font-size: inherit;
    color: #204072;
    cursor: pointer
}

.ss-Search_Location select:disabled {
    opacity: .6
}

.ss-Search_Location select::-ms-expand {
    display: none
}

.ss-Search_Button {
    width: 46.7741935%;
    max-width: 290px;
    height: 60px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff
}

.ss-Search_Button:disabled {
    opacity: .6
}

.ss-Search_ButtonInner {
    position: relative;
    padding: 0 26.3157895% 0 28.9473684%
}

.ss-Search_ButtonInner:before {
    position: absolute;
    top: calc(50% - 10px);
    left: 20px;
    width: 20px;
    height: 20px;
    background: url(/assets/img/icon_search_white.svg) 0 0/100% no-repeat;
    content: ""
}

.ss-Search_Result {
    font-size: 1.5rem;
    text-align: center
}

.ss-Search_ResultNum {
    margin: 0 5px 0 10px;
    font-size: 3rem
}

.ss-Search_ResultStore {
    margin-right: 10px;
    font-weight: 700
}

.ss-Search_Filter {
    padding: 40px 0;
    border-top: 1px solid #e6e6e6;
    text-align: center
}

.ss-Search_FilterItems {
    display: inline-flex;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.ss-Search_FilterItem:not(:last-child) {
    margin-right: 40px
}

.ss-Search_Checkbox input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

.ss-Search_Checkbox_Label {
    position: relative;
    cursor: pointer
}

.ss-Search_Checkbox_Label:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #e6e6e6;
    vertical-align: middle;
    content: "";
    transition: background .2s, border .2s
}

input[type=checkbox]:checked+.ss-Search_Checkbox_Label:before {
    background-color: #204072;
    border-color: #204072
}

.ss-Search_Checkbox_Icon {
    box-sizing: border-box;
    position: absolute;
    top: 5px;
    left: 12px;
    width: 10px;
    height: 7px;
    transform: rotate(-45deg)
}

.ss-Search_Checkbox_Icon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    content: "";
    transition: height .1s cubic-bezier(.23, 1, .32, 1) .1s
}

.ss-Search_Checkbox_Icon:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    content: "";
    transition: width .1s cubic-bezier(.755, .05, .855, .06)
}

input[type=checkbox]:checked+label .ss-Search_Checkbox_Icon:before {
    height: 100%;
    transition: height .1s cubic-bezier(.755, .05, .855, .06) .1s
}

input[type=checkbox]:checked+label .ss-Search_Checkbox_Icon:after {
    width: 100%;
    transition: width .1s cubic-bezier(.23, 1, .32, 1) .2s
}

.stry-List {
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: -50px auto 120px;
    padding: 0 20px
}

.stry-List_Item {
    width: 48.4375%;
    margin-top: 50px
}

.stry-List_Item:not(:nth-child(2n)) {
    margin-right: 3.125%
}

.stry-List_Thumb {
    margin-bottom: 30px
}

.stry-List_Thumb a {
    display: block
}

.stry-List_ThumbInner {
    padding-bottom: 56.25%;
    background-image: url(/assets/img/img_noimage02_xl.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.stry-List_Title {
    margin-bottom: 20px;
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 5px
}

.stry-List_Title a>img {
    display: inline-block;
    vertical-align: unset
}

.stry-List_Lead {
    font-size: 1.4rem
}

.sp-Contact {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.sp-Contact_Inner {
    margin-bottom: 120px;
    padding-top: 120px
}

.sp-Contact_Heading {
    margin-bottom: 40px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .sp-Contact_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sp-Contact_Lead {
    margin-bottom: 50px;
    font-size: 1.5rem
}

.sp-Contact_Lead,
.sp-Contact_Link {
    text-align: center
}

.sp-Contact_Link a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.sp-Contact_Link a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.sp-ImportantNews {
    margin: 20px 0
}

.sp-ImportantNews_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.sp-ImportantNews_Box {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    border: 4px solid #eee
}

.sp-ImportantNews_Heading {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-size: 1.4rem;
    font-weight: 700
}

.sp-ImportantNews_Heading:before {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(/assets/img/icon_info.svg) 0 0/100% no-repeat;
    content: ""
}

.sp-ImportantNews_Items {
    flex: 1
}

.sp-ImportantNews_Item:not(:last-child) {
    margin-bottom: 10px
}

.sp-ImportantNews_Item a {
    position: relative;
    display: block;
    font-size: 1.4rem;
    padding-right: 15px
}

.sp-ImportantNews_Item a:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    width: 7px;
    height: 10px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.sp-ImportantNews_More {
    margin-top: 10px;
    text-align: right;
    font-size: 1.4rem
}

.sp-Instruction {
    padding-top: 70px;
    border-bottom: 1px solid #eee
}

.sp-Instruction_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.sp-Instruction_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.sp-Instruction_Heading[id]:before {
    display: block;
    margin-top: -140px;
    padding-top: 140px;
    content: ""
}

html[lang^=zh] .sp-Instruction_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sp-Instruction_Inside {
    display: flex;
    max-width: 840px;
    margin: 0 auto 70px
}

.sp-Instruction_Thumb {
    width: 47.6190476%;
    margin-right: 4.7619048%
}

.sp-Instruction_Body {
    width: 47.6190476%
}

.sp-Instruction_Link {
    font-size: 1.6rem;
    margin-bottom: 20px
}

.sp-Instruction_Link a:link {
    text-decoration: underline
}

.sp-Instruction_Link a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.sp-Instruction_Link a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.sp-Instruction_Link b,
.sp-Instruction_Link strong {
    font-weight: 700
}

.sp-Instruction_Link em,
.sp-Instruction_Link i {
    font-style: italic
}

.sp-Instruction_Lead {
    font-size: 1.4rem
}

.sp-List {
    padding-top: 70px;
    border-bottom: 1px solid #eee
}

.sp-List_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.sp-List_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.sp-List_Heading[id]:before {
    display: block;
    margin-top: -140px;
    padding-top: 140px;
    content: ""
}

html[lang^=zh] .sp-List_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sp-List_Lead {
    margin-bottom: 70px;
    font-size: 1.4rem;
    text-align: center
}

.sp-List_Items,
.sp-List_Items-quarter,
.sp-List_Items-trisect {
    display: flex;
    flex-wrap: wrap;
    margin: -50px 0 70px
}

.sp-List_Items-quarter.is-center {
    justify-content: center
}

.sp-List_Items-quarter.is-center .sp-List_Item:last-child {
    margin-right: 0
}

.sp-List_Items-trisect {
    padding: 0 13.75%
}

.sp-List_Items-trisect.is-center {
    justify-content: center
}

.sp-List_Items-trisect.is-center .sp-List_Item:last-child {
    margin-right: 0
}

.sp-List_Item {
    margin: 50px 3.125% 0 0
}

.sp-List_Items-quarter .sp-List_Item {
    width: 22.65625%
}

.sp-List_Items-quarter .sp-List_Item:nth-child(4n) {
    margin-right: 0
}

.sp-List_Items-trisect .sp-List_Item {
    width: 31.25%
}

.sp-List_Items-trisect .sp-List_Item:nth-child(3n) {
    margin-right: 0
}

.sp-List_Item a {
    display: block
}

.sp-List_Item a>img {
    display: inline-block;
    vertical-align: unset
}

.sp-List_ThumbLinkBox {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    background-color: #f6f6f6
}

.sp-List_ThumbLinkBox>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.sp-List_ThumbLinkTitle {
    font-size: 1.4rem;
    text-align: center
}

.sp-List_TextLinkBox {
    display: block;
    height: 120px;
    background-color: #f6f6f6
}

.sp-List_TextLinkBoxInner {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px
}

.sp-List_TextLinkBoxTitle {
    font-size: 1.5rem;
    text-align: center
}

.sp-List_ItemLead {
    margin-top: 20px;
    font-size: 1.4rem
}

.sp-MainVisual {
    margin-bottom: 50px;
    background: url(/assets/img/img_support_bg.jpg) 50%/cover no-repeat
}

.sp-MainVisual_Inner {
    box-sizing: border-box;
    display: table;
    height: 550px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 140px 20px 70px
}

.sp-MainVisual_Inside {
    display: table-cell;
    vertical-align: middle
}

.sp-MainVisual_Heading {
    margin-bottom: 40px;
    font-size: 4rem;
    color: #fff;
    text-align: center
}

.sp-MainVisual_Lead {
    margin-bottom: 100px;
    font-size: 1.5rem;
    color: #fff;
    text-align: center
}

.sp-MainVisual_Link {
    text-align: center
}

.sp-MainVisual_Link a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center
}

.sp-MainVisual_Link a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.sp-Trouble {
    padding-top: 70px;
    border-bottom: 1px solid #eee
}

.sp-Trouble_Inner {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px
}

.sp-Trouble_Box {
    box-sizing: border-box;
    margin-bottom: 70px;
    padding: 4.7619048%;
    border: 1px solid #eee
}

.sp-Trouble_Heading {
    margin-bottom: 40px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.sp-Trouble_Heading[id]:before {
    display: block;
    margin-top: -140px;
    padding-top: 140px;
    content: ""
}

html[lang^=zh] .sp-Trouble_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.sp-Trouble_Lead {
    font-size: 1.6rem
}

.sp-Trouble_Lead,
.sp-Trouble_Link {
    margin-bottom: 40px;
    text-align: center
}

.sp-Trouble_Link a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.sp-Trouble_Link a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.sp-Trouble_Instruction,
.sp-Trouble_Notes {
    font-size: 1.4rem;
    text-align: center
}

.trb-Box {
    max-width: 840px;
    margin: 0 auto 60px;
    padding: 0 20px
}

.trb-Box_Inner {
    box-sizing: border-box;
    padding: 4.7619048% 0;
    border: 1px solid #eee
}

.trb-Box_Heading {
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .trb-Box_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.trb-Box_Lead {
    margin-bottom: 20px;
    font-size: 1.5rem;
    text-align: center
}

.trb-Box_Row {
    display: flex
}

.trb-Box_Col {
    padding: 0 4.7619048%
}

.trb-Box_Col:last-child {
    border-left: 1px solid #eee
}

.trb-Box_Caption {
    margin-bottom: 20px;
    text-align: center
}

.trb-Heading {
    max-width: 840px;
    margin: 0 auto 40px;
    padding: 0 20px;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .trb-Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.trb-Lead {
    margin: 0 auto
}

.trb-Lead,
.trb-Link {
    max-width: 840px;
    padding: 0 20px;
    font-size: 1.5rem
}

.trb-Link {
    margin: 0 auto 60px
}

.trb-Link a:link {
    text-decoration: underline
}

.trb-Link a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.trb-Link a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.trb-Link b,
.trb-Link strong {
    font-weight: 700
}

.trb-Link em,
.trb-Link i {
    font-style: italic
}

.trb-Links {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px
}

.trb-Links_Items {
    display: flex;
    flex-wrap: wrap;
    margin: -40px 0 30px
}

.trb-Links_Items.is-center {
    justify-content: center
}

.trb-Links_Items.is-center .trb-Links_Item:last-child {
    margin-right: 0
}

.trb-Links_Item {
    width: 23.2142857%;
    margin: 40px 2.3809524% 0 0
}

.trb-Links_Item:nth-child(4n) {
    margin-right: 0
}

.trb-Links_Item a {
    position: relative;
    display: block;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    padding: 19px 25px 18px 10px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.trb-Links_Item a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.trb-Notes {
    max-width: 840px;
    margin: 0 auto 120px;
    padding: 0 20px;
    text-align: center
}

.trb-Notes_Inner {
    display: inline-block;
    font-size: 1.5rem;
    text-align: left
}

.trb-Notes_Inner a:link {
    text-decoration: underline
}

.trb-Notes_Inner a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.trb-Notes_Inner a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.trb-Notes_Inner b,
.trb-Notes_Inner strong {
    font-weight: 700
}

.trb-Notes_Inner em,
.trb-Notes_Inner i {
    font-style: italic
}

.wf-Filter {
    margin-bottom: 70px
}

.wf-Filter_Inner {
    width: 100%;
    background-color: #f6f6f6;
    transition: top .4s cubic-bezier(.215, .61, .355, 1)
}

.wf-Filter_Inside {
    position: relative;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
    transition: padding .4s cubic-bezier(.215, .61, .355, 1)
}

.wf-Filter_Wrapper {
    box-sizing: border-box;
    width: 22.65625%;
    height: 100%;
    padding: 40px 40px 40px 0;
    border-right: 1px solid #e6e6e6
}

.wf-Filter_Categories {
    margin-bottom: 25px
}

.wf-Filter_Category:not(:last-child) {
    margin-bottom: 5px
}

.wf-Filter_Contents {
    flex: 1;
    padding: 40px 0 40px 40px
}

.wf-Filter_Content {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: calc(77.34375% - 11px);
    margin-left: calc(22.65625% + 11px);
    padding: 40px 20px
}

.wf-Filter_Content[aria-hidden=false] {
    z-index: 1
}

.wf-Filter_ContentInner {
    width: 100%
}

.wf-Filter_FilterHandle {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 700
}

.wf-Filter_FilterHandleName {
    font-size: 1.2rem;
    color: #204072;
    line-height: 1.8
}

.wf-Filter_FilterHandleNum {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-color: #204072;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wf-Filter_FilterHandleNum {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Filter_FilterHandleIcon {
    display: none;
    position: relative;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    margin-right: 10px
}

.wf-Filter_FilterHandleIcon:before {
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    width: 10px;
    height: 2px;
    background-color: #204072;
    content: ""
}

.wf-Filter_FilterHandleIcon:after {
    position: absolute;
    top: calc(50% - 6px);
    left: 4px;
    width: 2px;
    height: 10px;
    background-color: #204072;
    content: "";
    transition: all .2s
}

.is-opened .wf-Filter_FilterHandleIcon:after {
    top: 50%;
    height: 0
}

.wf-Filter_Result {
    margin-bottom: 20px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: right;
    line-height: 1
}

.wf-Filter_ResultNum {
    margin-left: 10px;
    font-size: 2.5rem;
    font-weight: 400;
    vertical-align: baseline;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wf-Filter_ResultNum {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Filter_Reset {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    background-color: #e6e6e6;
    border-radius: 4px;
    font-size: 1.1rem;
    color: #204072;
    cursor: pointer
}

.wf-Filter_ResetIcon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(/assets/img/icon_reset.svg) 0 0/16px 16px no-repeat
}

.wf-Filter_SpringBoards {
    display: flex;
    flex-wrap: wrap
}

.wf-Filter_SpringBoard input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.wf-Filter_SpringBoard label {
    display: block;
    text-align: center;
    cursor: pointer
}

.wf-Filter_SpringBoardLogo {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 56.626506%;
    background-color: #fff
}

.wf-Filter_SpringBoardLogo:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 solid #204072;
    content: ""
}

input[type=checkbox]:checked+label .wf-Filter_SpringBoardLogo:before,
input[type=checkbox]:focus+label .wf-Filter_SpringBoardLogo:before {
    border-width: 2px
}

.wf-Filter_SpringBoardLogoInner {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 30px
}

.wf-Filter_SpringBoardLogoInside {
    display: flex
}

.wf-Filter_SpringBoardLogoInside img {
    height: 40px;
    width: 100%
}

.wf-Filter_SpringBoardName {
    font-size: 1.1rem
}

.wf-Filter_Type:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6
}

.wf-Filter_TypeItems {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px
}

.wf-Filter_TypeItem {
    box-sizing: border-box;
    width: 25%;
    margin-top: 10px;
    padding-right: 10px
}

.wf-Filter_Price {
    display: flex;
    width: 50%
}

.wf-Filter_PriceItem,
.wf-Filter_PriceItem-lower,
.wf-Filter_PriceItem-upper {
    position: relative;
    width: 47.1098266%
}

.wf-Filter_PriceItem-lower:not(:last-child),
.wf-Filter_PriceItem-upper:not(:last-child),
.wf-Filter_PriceItem:not(:last-child) {
    margin-right: 6.5934066%
}

.wf-Filter_PriceItem-lower:after,
.wf-Filter_PriceItem-upper:after,
.wf-Filter_PriceItem:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    background-size: 100%;
    content: ""
}

.wf-Filter_PriceItem select,
.wf-Filter_PriceItem-lower select,
.wf-Filter_PriceItem-upper select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 6px 25px 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 0;
    margin: 0;
    vertical-align: middle;
    font-size: 1.1rem;
    cursor: pointer
}

.wf-Filter_PriceItem select::-ms-expand,
.wf-Filter_PriceItem-lower select::-ms-expand,
.wf-Filter_PriceItem-upper select::-ms-expand {
    display: none
}

.wf-Filter_PriceItem-lower:after {
    background: url(/assets/img/icon_arrow_bottom01.svg) no-repeat
}

.wf-Filter_PriceItem-lower select {
    background-color: #e6e6e6;
    color: #204072
}

.wf-Filter_PriceItem-lower select::-ms-expand {
    display: none
}

.wf-Filter_PriceItem-upper:after {
    background: url(/assets/img/icon_arrow_bottom02.svg) no-repeat
}

.wf-Filter_PriceItem-upper select {
    background-color: #204072;
    color: #fff
}

.wf-Filter_PriceItem-upper select::-ms-expand {
    display: none
}

.wf-Filter_Feature {
    display: flex
}

.wf-Filter_Feature:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6
}

.wf-Filter_FeatureTitle {
    width: 25%;
    font-size: 1.2rem;
    font-weight: 700
}

.wf-Filter_FeatureBody {
    width: 75%
}

.wf-Filter_FeatureItems {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px
}

.wf-Filter_FeatureItem {
    box-sizing: border-box;
    width: 33.3333%;
    margin-top: 10px;
    padding-right: 10px
}

.wf-Filter_FilterItems {
    display: table;
    table-layout: fixed;
    width: 71.5625%;
    height: 40px
}

.wf-Filter_FilterItem {
    box-sizing: border-box;
    display: table-cell;
    padding: 0 .78125%;
    border-left: 1px solid #e6e6e6;
    vertical-align: middle
}

.wf-Filter_Number {
    display: flex
}

.wf-Filter_Number:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6
}

.wf-Filter_NumberTitle {
    width: 25%;
    font-size: 1.2rem;
    font-weight: 700
}

.wf-Filter_NumberBody {
    width: 56.043956%
}

.wf-Filter_Checkbox input[type=checkbox],
.wf-Filter_Checkbox-large input[type=checkbox],
.wf-Filter_Checkbox-small input[type=checkbox] {
    position: absolute;
    opacity: 0
}

.wf-Filter_Checkbox_Label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.wf-Filter_Checkbox_Label:before {
    display: inline-block;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #e6e6e6;
    vertical-align: middle;
    content: "";
    transition: background .2s, border .2s
}

.wf-Filter_Checkbox-large .wf-Filter_Checkbox_Label:before {
    width: 30px;
    height: 30px
}

.wf-Filter_Checkbox-small .wf-Filter_Checkbox_Label:before {
    width: 20px;
    height: 20px
}

input[type=checkbox]:checked+.wf-Filter_Checkbox_Label:before {
    background-color: #204072;
    border-color: #204072
}

input[type=checkbox]:focus+.wf-Filter_Checkbox_Label:before {
    border-color: #204072
}

.wf-Filter_Checkbox_Icon {
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 7px;
    transform: rotate(-45deg)
}

.wf-Filter_Checkbox-large .wf-Filter_Checkbox_Icon {
    top: calc(50% - 5px);
    left: 12px
}

.wf-Filter_Checkbox-small .wf-Filter_Checkbox_Icon {
    top: calc(50% - 5px);
    left: 7px
}

.wf-Filter_Checkbox_Icon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    content: "";
    transition: height .1s cubic-bezier(.23, 1, .32, 1) .1s
}

.wf-Filter_Checkbox_Icon:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    content: "";
    transition: width .1s cubic-bezier(.755, .05, .855, .06)
}

input[type=checkbox]:checked+label .wf-Filter_Checkbox_Icon:before {
    height: 100%;
    transition: height .1s cubic-bezier(.755, .05, .855, .06) .1s
}

input[type=checkbox]:checked+label .wf-Filter_Checkbox_Icon:after {
    width: 100%;
    transition: width .1s cubic-bezier(.23, 1, .32, 1) .2s
}

.wf-Filter_Checkbox_Text {
    flex: 1;
    font-size: 1.1rem
}

.wf-Filter_Radio input[type=radio],
.wf-Filter_Radio-large input[type=radio],
.wf-Filter_Radio-small input[type=radio] {
    visibility: hidden;
    position: absolute
}

.wf-Filter_Radio_Label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.wf-Filter_Radio_Label:before {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #e6e6e6;
    vertical-align: middle;
    content: "";
    transition: background .2s, border .2s
}

.wf-Filter_Radio-large .wf-Filter_Radio_Label:before {
    width: 30px;
    height: 30px
}

.wf-Filter_Radio-small .wf-Filter_Radio_Label:before {
    width: 20px;
    height: 20px
}

.wf-Filter_Radio_Label:after {
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    content: "";
    transition: all .2s
}

.wf-Filter_Radio-large .wf-Filter_Radio_Label:after {
    top: calc(50% - 16px);
    left: 2px;
    width: 30px;
    height: 30px
}

.wf-Filter_Radio-small .wf-Filter_Radio_Label:after {
    top: calc(50% - 11px);
    left: 2px;
    width: 20px;
    height: 20px
}

input[type=radio]:checked+.wf-Filter_Radio_Label:before {
    background-color: #204072;
    border-color: #204072
}

.wf-Filter_Radio-large input[type=radio]:checked+.wf-Filter_Radio_Label:after {
    top: calc(50% - 4px);
    left: 13px;
    width: 8px;
    height: 8px
}

.wf-Filter_Radio-small input[type=radio]:checked+.wf-Filter_Radio_Label:after {
    top: calc(50% - 5px);
    left: 8px;
    width: 8px;
    height: 8px
}

.wf-Filter_Radio_Text {
    flex: 1
}

.wf-Filter_Sex {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px
}

.wf-Filter_SexItem {
    box-sizing: border-box;
    width: 50%;
    margin-top: 20px;
    padding-right: 10px
}

.wf-Filter_Limited {
    display: flex;
    flex-wrap: wrap
}

.wf-Filter_LimitedItem {
    box-sizing: border-box;
    width: 50%;
    padding-right: 10px
}

.wf-Filter_ParticularItems>li:not(:last-child) {
    margin-bottom: 20px
}

.wf-Filter_Function {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px
}

.wf-Filter_FunctionItem {
    box-sizing: border-box;
    width: 25%;
    margin-top: 20px;
    padding-right: 10px
}

.wf-Filter_ProductNum {
    padding: 5px 10px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    font-size: 1.6rem
}

.wf-Filter_ProductNum::-webkit-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ProductNum::-moz-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ProductNum:-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ProductNum::-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ProductNum::placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ModelNum {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.wf-Filter_ModelNumInput {
    padding: 5px 10px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    font-size: 1.6rem
}

.wf-Filter_ModelNumInput::-webkit-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ModelNumInput::-moz-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ModelNumInput:-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ModelNumInput::-ms-input-placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ModelNumInput::placeholder {
    text-align: center;
    font-size: 1.3rem;
    color: #aaa;
    transform: translateX(-22px)
}

.wf-Filter_ModelNumBridge {
    margin: 0 14px;
    font-size: 1.2rem;
    font-weight: 700
}

.wf-Filter_ModelNumDesc {
    display: flex;
    align-items: center
}

.wf-Filter_ModelNumImage {
    margin-right: 20px
}

.wf-Filter_ModelNumText {
    font-size: 1.1rem
}

.wf-Filter_InsideBottom {
    display: none;
    text-align: center
}

.wf-Filter_Close {
    padding: 5px;
    font-size: 1.3rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wf-Filter_Close {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Filter_Close:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    background: url(/assets/img/icon_close_black.svg) 0 0/100% no-repeat;
    content: ""
}

.wf-Filter_SearchButton {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 2;
    width: 50px;
    height: 50px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    border-radius: 25px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.wf-Filter_SearchButton.is-shown {
    width: calc(100% - 40px);
    background-color: #13294b;
    border-radius: 0
}

.wf-Filter_SearchButtonIcon {
    position: absolute;
    top: 16px;
    left: 16px
}

.wf-Filter_SearchButtonIconGroup {
    fill: #204072;
    transition: fill .3s cubic-bezier(.165, .84, .44, 1)
}

.is-shown .wf-Filter_SearchButtonIconGroup {
    fill: #fff
}

.wf-Filter_SearchText {
    opacity: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

.is-shown .wf-Filter_SearchText {
    opacity: 1
}

.wf-Filter_Loading {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: hsla(0, 0%, 100%, .7);
    pointer-events: none;
    transition: opacity .4s
}

.wf-Filter_Loading.is-loading {
    opacity: 1;
    pointer-events: all
}

.wf-Result {
    margin-bottom: 120px
}

.wf-Result_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wf-Result_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Result_Items {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    min-height: 50vh;
    margin: -50px auto 0;
    padding: 0 20px
}

.wf-Result_Item {
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    width: 25%;
    border-right: 1px solid #eee;
    margin-top: 50px
}

.wf-Result_Item:first-child,
.wf-Result_Item:nth-child(4n+1) {
    border-left: 1px solid #eee
}

.wf-Result_Item>a {
    display: block;
    padding: 0 40px 40px
}

.wf-Result_Favorite {
    position: absolute;
    top: -5px;
    right: 15px
}

.wf-Result_Favorite button {
    padding: 5px
}

.wf-Result_Favorite button.is-added .shape {
    fill: #a89579
}

.wf-Result_Label {
    display: flex;
    justify-content: center;
    min-height: 13px;
    margin-bottom: 30px;
    line-height: 1
}

.wf-Result_LabelNew {
    font-weight: 700;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.wf-Result_LabelNew:not(:last-child) {
    margin-right: 10px
}

html[lang^=zh] .wf-Result_LabelNew {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Result_LabelLimited {
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wf-Result_LabelLimited {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Result_Image {
    margin-bottom: 35px
}

.wf-Result_Collection {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.2rem;
    color: #161616
}

.wf-Result_Name {
    margin-bottom: 35px;
    font-size: 2rem;
    text-align: center;
    color: #161616;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wf-Result_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Result_Price {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    color: #333;
    text-align: center
}

.wf-Result_PriceCurrency {
    margin-left: 5px;
    font-weight: 400;
    font-size: 1rem
}

.wf-Result_Target {
    display: flex;
    justify-content: center
}

.wf-Result_TargetMens {
    font-size: 1.1rem;
    color: #4194bf;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wf-Result_TargetMens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Result_TargetWomens {
    font-size: 1.1rem;
    color: #e77085;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wf-Result_TargetWomens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Result_TargetPair {
    font-size: 1.1rem;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.wf-Result_TargetPair:not(:only-child):before {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 10px;
    background-color: #ddd;
    content: ""
}

html[lang^=zh] .wf-Result_TargetPair {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wf-Support {
    margin-bottom: 70px
}

.wf-Support_Inner {
    display: flex;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.wf-Support_OtherBrandsHandle {
    position: relative;
    padding-left: 20px;
    font-size: 1.3rem;
    color: #204072;
    text-align: left;
    cursor: pointer
}

.wf-Support_OtherBrandsHandle:before {
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    width: 10px;
    height: 2px;
    background-color: #204072;
    content: ""
}

.wf-Support_OtherBrandsHandle:after {
    position: absolute;
    top: calc(50% - 6px);
    left: 4px;
    width: 2px;
    height: 10px;
    background-color: #204072;
    content: "";
    transition: all .2s
}

.wf-Support_OtherBrandsHandle.is-open:after {
    top: 50%;
    height: 0
}

.wf-Support_OtherBrandsItems {
    display: flex;
    flex-wrap: wrap;
    width: 80%
}

.wf-Support_OtherBrandsItem {
    margin-right: 10px
}

.wf-Support_OtherBrandsItem a:link {
    text-decoration: underline
}

.wf-Support_OtherBrandsItem a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.wf-Support_OtherBrandsItem a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.wf-Support_OtherBrandsItem b,
.wf-Support_OtherBrandsItem strong {
    font-weight: 700
}

.wf-Support_OtherBrandsItem em,
.wf-Support_OtherBrandsItem i {
    font-style: italic
}

.wf-Support_Sort {
    position: relative;
    width: 180px;
    margin-left: auto;
    padding-left: 20px
}

.wf-Support_Sort:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    background: url(/assets/img/icon_arrow_bottom01.svg) 0 0/100% no-repeat;
    content: ""
}

.wf-Support_Sort select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 6px 25px 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 0;
    margin: 0;
    background-color: #e6e6e6;
    vertical-align: middle;
    font-size: 1.1rem;
    color: #204072;
    cursor: pointer
}

.wf-Support_Sort select::-ms-expand {
    display: none
}

.wcl-FaqLink {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px
}

.wcl-FaqLink:last-child {
    margin-bottom: 120px
}

.wcl-FaqLink_Heading {
    margin: 70px auto 40px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

.wcl-FaqLink_Item:nth-child(odd) {
    background-color: #f6f6f6
}

.wcl-FaqLink_Item:nth-child(2n) {
    background-color: #eee
}

.wcl-FaqLink_Item a {
    display: flex;
    align-items: center;
    padding: 12px 20px
}

.wcl-FaqLink_Item a>span {
    margin-right: .5em
}

.wcl-FaqLink_Item a:after {
    display: block;
    flex-shrink: 0;
    width: 7px;
    height: 10px;
    margin-left: auto;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.wcl-Section {
    max-width: 840px;
    margin: 0 auto 70px;
    padding: 0 20px
}

.wcl-Section:last-child {
    margin-bottom: 120px
}

.wcl-Section a {
    font-size: 1.5rem
}

.wcl-Section_HeadingLv1 {
    margin: 70px auto 40px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

.wcl-Section_HeadingLv2,
.wcl-Section_HeadingLv3 {
    margin-bottom: 20px;
    font-size: 1.5rem;
    font-weight: 700
}

.wcl-Section_Row {
    display: flex
}

.wcl-Section_Col {
    box-sizing: border-box;
    flex: 1;
    padding: 4.7619048%;
    border: 1px solid #eee;
    text-align: center
}

.wcl-Section_Col:not(:last-child) {
    margin-right: 4.7619048%
}

.wcl-Section_Inner {
    text-align: left
}

.wcl-Section_Items {
    display: flex
}

.wcl-Section_Item {
    flex: 1
}

.wcl-Section_Item:not(:last-child) {
    margin-right: 4.7619048%
}

.wl-List {
    margin-bottom: 120px
}

.wl-List_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.wl-List_Thumb {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0 20px
}

.wl-List_ThumbInner {
    top: 0;
    transition: all .4s cubic-bezier(.215, .61, .355, 1)
}

.is-fixed .wl-List_ThumbInner {
    box-sizing: border-box;
    position: fixed;
    top: 118px;
    left: 0;
    width: 100%;
    padding: 0 20px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    transform: translateZ(0)
}

.is-headerHide .wl-List_ThumbInner {
    top: 50px;
    transform: translateZ(0)
}

.wl-List_ThumbWrapper {
    position: relative;
    max-width: 1280px
}

.is-fixed .wl-List_ThumbWrapper {
    margin: 0 auto
}

.wl-List_ThumbContainer {
    overflow: hidden;
    width: 100%
}

.wl-List_ThumbItems {
    display: flex
}

.wl-List_ThumbItem {
    flex-shrink: 0;
    width: 25%;
    padding: 60px 0 40px
}

.is-fixed .wl-List_ThumbItem {
    padding: 40px 0
}

.wl-List_ThumbInside {
    position: relative;
    box-sizing: border-box;
    padding: 0 12.5%;
    text-align: center
}

.wl-List_ThumbInside img {
    transition: max-width .4s cubic-bezier(.215, .61, .355, 1)
}

.is-fixed .wl-List_ThumbInside img {
    max-width: 50%
}

.wl-List_Prev {
    position: absolute;
    top: 50%;
    left: -12px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.wl-List_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.wl-List_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.wl-List_Next {
    position: absolute;
    top: 50%;
    right: -12px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    transition: all .2s
}

.wl-List_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.wl-List_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.wl-List_Favorite {
    position: absolute;
    top: -65px;
    right: 15px;
    padding: 5px;
    transition: top .4s cubic-bezier(.215, .61, .355, 1)
}

.is-fixed .wl-List_Favorite {
    top: -5px
}

.wl-List_Items {
    display: flex
}

.wl-List_Item {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 25%
}

.wl-List_Outline {
    border-bottom: 1px solid #eee
}

.wl-List_Cell:first-child {
    padding-bottom: 12.5%
}

.wl-List_Cell:first-child,
.wl-List_CellInner {
    box-sizing: border-box;
    border-bottom: 1px solid #eee
}

.wl-List_CellInner {
    height: 100%;
    padding: 12.5%
}

.wl-List_Label {
    display: flex;
    justify-content: center;
    min-height: 13px;
    margin-bottom: 35px;
    line-height: 1
}

.wl-List_LabelNew {
    font-weight: 700;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.wl-List_LabelNew:not(:last-child) {
    margin-right: 10px
}

html[lang^=zh] .wl-List_LabelNew {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wl-List_LabelLimited {
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wl-List_LabelLimited {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wl-List_ImageHolder {
    margin-bottom: 35px;
    padding-bottom: 100%
}

.wl-List_Collection {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.2rem;
    color: #161616
}

.wl-List_Name {
    margin-bottom: 35px;
    font-size: 2rem;
    text-align: center;
    color: #161616;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wl-List_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wl-List_Price {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    color: #333;
    text-align: center
}

.wl-List_PriceCurrency {
    font-weight: 400;
    font-size: 1rem
}

.wl-List_PriceCurrency:first-child {
    margin-right: 5px
}

.wl-List_PriceCurrency:last-child {
    margin-left: 5px
}

.wl-List_Target {
    display: flex;
    justify-content: center
}

.wl-List_TargetMens {
    font-size: 1.1rem;
    color: #4194bf;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wl-List_TargetMens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wl-List_TargetWomens {
    font-size: 1.1rem;
    color: #e77085;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wl-List_TargetWomens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wl-List_TargetPair {
    font-size: 1.1rem;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.wl-List_TargetPair:not(:only-child):before {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 10px;
    background-color: #ddd;
    content: ""
}

html[lang^=zh] .wl-List_TargetPair {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wl-List_HeadingLv1 {
    margin-bottom: 30px;
    font-size: 1.4rem;
    font-weight: 700
}

.wl-List_HeadingLv2 {
    margin: 20px 0 5px;
    font-size: 1.2rem;
    font-weight: 700
}

.wl-List_Text {
    font-size: 1.2rem
}

.wl-List_Others>li {
    position: relative;
    padding-left: 1em;
    font-size: 1.2rem
}

.wl-List_Others>li:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    margin-right: .5em;
    content: "-"
}

.wl-Support {
    margin-bottom: 70px;
    padding-top: 70px
}

.wl-Support_Inner {
    display: flex;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.wl-Support_RegisterCount {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wl-Support_RegisterCount {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wl-Support_RegisterCount>span {
    margin-left: 10px;
    font-size: 3rem;
    font-weight: 400
}

.wl-Support_Sort {
    position: relative;
    width: 180px;
    margin-left: auto;
    padding-left: 20px
}

.wl-Support_Sort:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    background: url(/assets/img/icon_arrow_bottom01.svg) 0 0/100% no-repeat;
    content: ""
}

.wl-Support_Sort select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 6px 25px 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: 0;
    margin: 0;
    background-color: #e6e6e6;
    vertical-align: middle;
    font-size: 1.1rem;
    color: #204072;
    cursor: pointer
}

.wl-Support_Sort select::-ms-expand {
    display: none
}

.wd-Contents {
    overflow: hidden
}

.wd-Contents_Items {
    display: flex;
    flex-wrap: wrap;
    margin: -50px -1.5625% 0
}

.wd-Contents_Item,
.wd-Contents_Item-full {
    box-sizing: border-box;
    width: 50%;
    margin-top: 50px;
    padding: 0 1.5625%
}

.wd-Contents_Item-full {
    width: 100%
}

.wd-Contents_Item-full:not(:nth-child(2n)) {
    margin-right: 0
}

.wd-Contents_Thumb {
    margin-bottom: 30px
}

.wd-Contents_Thumb a {
    display: block
}

.wd-Contents_ThumbInner {
    padding-bottom: 56.25%;
    background-image: url(/assets/img/img_noimage02_xl.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.wd-Contents_Item-full .wd-Contents_ThumbInner {
    padding-bottom: 0;
    height: 400px
}

.wd-Contents_Title,
.wd-Contents_Title-center {
    max-width: 840px;
    font-size: 1.4rem;
    display: inline-block;
    margin: 0 5px 0 auto
}

.wd-Contents_Title a>img,
.wd-Contents_Title-center a>img {
    display: inline-block;
    vertical-align: unset;
    margin-left: 5px
}

.wd-Contents_Title-center:not(:last-child),
.wd-Contents_Title:not(:last-child) {
    margin-bottom: 20px
}

.wd-Contents_Title-center {
    text-align: center
}

.wd-Contents_Lead {
    margin: 0 auto
}

.wd-Contents_Lead,
.wd-Lead {
    max-width: 840px;
    font-size: 1.4rem
}

.wd-Lead {
    margin: 0 auto 50px;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wd-Lead {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wd-Section {
    max-width: 1280px;
    margin: 0 auto 120px;
    padding: 0 20px
}

.wd-Section_Heading {
    margin: 70px 0;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .wd-Section_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.wd-Section_Thumb {
    overflow: hidden;
    position: relative;
    height: 400px;
    margin-bottom: 50px;
    text-align: center
}

.wd-Section_Thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.wd-Sns_Items {
    display: flex
}

.wd-Sns_Item {
    box-sizing: border-box;
    width: 31.25%
}

.wd-Sns_Item:not(:last-child) {
    margin-right: 3.125%
}

.wd-Sns_Image {
    border: 1px solid #eee;
    margin-bottom: 30px;
    text-align: center
}

.wd-Sns_Title {
    max-width: 840px;
    margin: 0 auto;
    font-size: 1.4rem;
    text-align: center
}

.wd-Sns_Title:not(:last-child) {
    margin-bottom: 20px
}

.wd-Sns_Title a:link {
    text-decoration: underline
}

.wd-Sns_Title a>img {
    display: inline-block;
    margin-left: 5px;
    vertical-align: unset
}

.okra-carousel-container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.okra-carousel-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition-property: transform
}

.okra-carousel-slide {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    height: 100%
}

.okra-carousel-pagination-item {
    cursor: pointer
}

.okra-carousel-pagination-item.is-current {
    color: red
}

.okra-youtube {
    position: relative
}

.okra-youtube-inner {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

.okra-youtube-inner iframe,
.okra-youtube-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.okra-youtube-thumbnail {
    overflow: hidden
}

.okra-youtube-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cmn-AnchorList {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px
}

.cmn-AnchorList_Inner {
    box-sizing: border-box;
    padding: 4.7619048%;
    border: 1px solid #eee
}

.cmn-AnchorList ul {
    padding-left: 1.5em;
    list-style: disc
}

.cmn-AnchorList li {
    font-size: 1.5rem
}

.cmn-AnchorList li a:link {
    text-decoration: underline
}

.cmn-AnchorList li a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-AnchorList li a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-AnchorList li b,
.cmn-AnchorList li strong {
    font-weight: 700
}

.cmn-AnchorList li em,
.cmn-AnchorList li i {
    font-style: italic
}

.cmn-AttentionText {
    max-width: 840px;
    margin: 1em auto;
    padding: 0 20px;
    font-size: 1.5rem;
    color: #ef3344
}

.cmn-AttentionText a:link {
    text-decoration: underline
}

.cmn-AttentionText a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-AttentionText a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-AttentionText b,
.cmn-AttentionText strong {
    font-weight: 700
}

.cmn-AttentionText em,
.cmn-AttentionText i {
    font-style: italic
}

.cmn-Box {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.cmn-Box a:link {
    text-decoration: underline
}

.cmn-Box a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Box a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Box b,
.cmn-Box strong {
    font-weight: 700
}

.cmn-Box em,
.cmn-Box i {
    font-style: italic
}

.cmn-Box_Inner {
    box-sizing: border-box;
    padding: 4.7619048%;
    border: 1px solid #eee;
    font-size: 1.5rem
}

.cmn-Box_Inner>div:not(:last-child) {
    margin-bottom: 1em
}

.cmn-Box_Caption {
    font-size: 1.2rem;
    text-align: center
}

.cmn-Button {
    max-width: 840px;
    margin: 30px auto 70px;
    padding: 0 20px;
    text-align: center
}

.cmn-Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.cmn-Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.cmn-Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) no-repeat
}

.cmn-Button_Notes {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.cmn-Button_Notes a:link {
    text-decoration: underline
}

.cmn-Button_Notes a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Button_Notes a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Button_Notes b,
.cmn-Button_Notes strong {
    font-weight: 700
}

.cmn-Button_Notes em,
.cmn-Button_Notes i {
    font-style: italic
}

.cmn-ButtonColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-ButtonColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.cmn-ButtonColumn_Item {
    width: 31.25%;
    margin-top: 40px
}

.cmn-ButtonColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.cmn-ButtonColumn_Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 65px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.cmn-ButtonColumn_Button>div {
    width: 100%
}

.cmn-ButtonColumn_Button a {
    position: relative;
    display: block;
    padding: 19px 25px 18px 20px;
    color: #fff
}

.cmn-ButtonColumn_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.cmn-ButtonColumn_Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) no-repeat
}

.cmn-ButtonColumn_Notes {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.cmn-ButtonColumn_Notes a:link {
    text-decoration: underline
}

.cmn-ButtonColumn_Notes a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-ButtonColumn_Notes a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-ButtonColumn_Notes b,
.cmn-ButtonColumn_Notes strong {
    font-weight: 700
}

.cmn-ButtonColumn_Notes em,
.cmn-ButtonColumn_Notes i {
    font-style: italic
}

.cmn-ButtonFourColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-ButtonFourColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.cmn-ButtonFourColumn_Item {
    width: 22.65625%;
    margin-top: 40px
}

.cmn-ButtonFourColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.cmn-ButtonFourColumn_Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 65px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.cmn-ButtonFourColumn_Button>div {
    width: 100%
}

.cmn-ButtonFourColumn_Button a {
    position: relative;
    display: block;
    padding: 19px 25px 18px 20px;
    color: #fff
}

.cmn-ButtonFourColumn_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.cmn-ButtonFourColumn_Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) no-repeat
}

.cmn-ButtonFourColumn_Notes {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.cmn-ButtonFourColumn_Notes a:link {
    text-decoration: underline
}

.cmn-ButtonFourColumn_Notes a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-ButtonFourColumn_Notes a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-ButtonFourColumn_Notes b,
.cmn-ButtonFourColumn_Notes strong {
    font-weight: 700
}

.cmn-ButtonFourColumn_Notes em,
.cmn-ButtonFourColumn_Notes i {
    font-style: italic
}

.cmn-ButtonThreeColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-ButtonThreeColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.cmn-ButtonThreeColumn_Item {
    width: 31.25%;
    margin-top: 40px
}

.cmn-ButtonThreeColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.cmn-ButtonThreeColumn_Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 65px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.cmn-ButtonThreeColumn_Button>div {
    width: 100%
}

.cmn-ButtonThreeColumn_Button a {
    position: relative;
    display: block;
    padding: 19px 25px 18px 20px;
    color: #fff
}

.cmn-ButtonThreeColumn_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.cmn-ButtonThreeColumn_Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) no-repeat
}

.cmn-ButtonThreeColumn_Notes {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.cmn-ButtonThreeColumn_Notes a:link {
    text-decoration: underline
}

.cmn-ButtonThreeColumn_Notes a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-ButtonThreeColumn_Notes a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-ButtonThreeColumn_Notes b,
.cmn-ButtonThreeColumn_Notes strong {
    font-weight: 700
}

.cmn-ButtonThreeColumn_Notes em,
.cmn-ButtonThreeColumn_Notes i {
    font-style: italic
}

.cmn-Carousel {
    position: relative;
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-Carousel .okra-carousel-container {
    height: 560px
}

.cmn-Carousel .okra-carousel-slide {
    display: flex;
    flex-direction: column
}

.cmn-Carousel .okra-carousel-slide-inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.cmn-Carousel .okra-carousel-slide-inner img {
    flex-shrink: 0;
    width: auto;
    max-height: 100%
}

.cmn-Carousel_Caption {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.cmn-Carousel_Caption a:link {
    text-decoration: underline
}

.cmn-Carousel_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Carousel_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Carousel_Caption b,
.cmn-Carousel_Caption strong {
    font-weight: 700
}

.cmn-Carousel_Caption em,
.cmn-Carousel_Caption i {
    font-style: italic
}

.cmn-Carousel_Prev {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: calc(33.33333% - 19px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s
}

.cmn-Carousel_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.cmn-Carousel_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.cmn-Carousel_Next {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: calc(33.33333% - 19px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s
}

.cmn-Carousel_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.cmn-Carousel_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.cmn-Carousel_Pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.cmn-Carousel_Pagination-item {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer
}

.cmn-Carousel_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.cmn-Carousel_Pagination-item.is-current:before {
    background-color: #161616
}

.cmn-Divider {
    max-width: 840px;
    margin: 60px auto;
    padding: 10px 20px
}

.cmn-Divider hr {
    border: none;
    border-top: 1px solid #eee
}

.cmn-HeadingLv1 {
    max-width: 840px;
    margin: 70px auto 40px;
    padding: 0 20px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616
}

div[news-post-child-component] .cmn-HeadingLv1 {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .cmn-HeadingLv1 {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .cmn-HeadingLv1 {
    color: #b72841
}

.cmn-HeadingLv1 div[id] {
    margin-top: -120px;
    padding-top: 120px
}

.cmn-HeadingLv2 {
    max-width: 840px;
    margin: 50px auto 30px;
    padding: 0 20px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .cmn-HeadingLv2 {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

div[news-post-child-component] .cmn-HeadingLv2 {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .cmn-HeadingLv2 {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .cmn-HeadingLv2 {
    color: #b72841
}

.cmn-HeadingLv2 div[id] {
    margin-top: -120px;
    padding-top: 120px
}

.cmn-HeadingLv3 {
    max-width: 840px;
    margin: 50px auto 30px;
    padding: 0 20px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .cmn-HeadingLv3 {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

div[news-post-child-component] .cmn-HeadingLv3 {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .cmn-HeadingLv3 {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .cmn-HeadingLv3 {
    color: #b72841
}

.cmn-HeadingLv3 div[id] {
    margin-top: -120px;
    padding-top: 120px
}

.cmn-HorizontalAnchorList {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px
}

.cmn-HorizontalAnchorList ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.cmn-HorizontalAnchorList li {
    margin: 10px 30px 0 0;
    font-size: 1.2rem
}

.cmn-HorizontalAnchorList li a:link {
    text-decoration: underline
}

.cmn-HorizontalAnchorList li a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-HorizontalAnchorList li a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-HorizontalAnchorList li b,
.cmn-HorizontalAnchorList li strong {
    font-weight: 700
}

.cmn-HorizontalAnchorList li em,
.cmn-HorizontalAnchorList li i {
    font-style: italic
}

.okraAdmin-PostPreview .cmn-HorizontalAnchorList li {
    min-width: 1rem
}

.cmn-Media {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-Media_Inner {
    margin-bottom: 20px;
    text-align: center
}

.cmn-Media_Inner .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.cmn-Media_Inner .okra-lazyload img {
    height: auto !important
}

.cmn-Media_Caption {
    font-size: 1.2rem;
    text-align: center
}

.cmn-Media_Caption a:link {
    text-decoration: underline
}

.cmn-Media_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Media_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Media_Caption b,
.cmn-Media_Caption strong {
    font-weight: 700
}

.cmn-Media_Caption em,
.cmn-Media_Caption i {
    font-style: italic
}

.cmn-MediaBox {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.cmn-MediaBox_Inner {
    box-sizing: border-box;
    display: flex;
    padding: 4.7619048%;
    border: 1px solid #eee;
    font-size: 1.5rem
}

.cmn-MediaBox_Media,
.cmn-MediaBox_Media-left,
.cmn-MediaBox_Media-right {
    width: 25%;
    text-align: center
}

.cmn-MediaBox_Media-left {
    margin-right: 4.7619048%
}

.cmn-MediaBox_Media-right {
    order: 1;
    margin-left: 4.7619048%
}

.cmn-MediaBox_MediaInner {
    margin-bottom: 20px
}

.cmn-MediaBox_Body {
    flex: 1;
    font-size: 1.5rem
}

.cmn-MediaBox_Body a:link {
    text-decoration: underline
}

.cmn-MediaBox_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaBox_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaBox_Body b,
.cmn-MediaBox_Body strong {
    font-weight: 700
}

.cmn-MediaBox_Body em,
.cmn-MediaBox_Body i {
    font-style: italic
}

.cmn-MediaBox_Body>div:not(:last-child) {
    margin-bottom: 1em
}

.cmn-MediaBox_Caption {
    font-size: 1.2rem;
    text-align: center
}

.cmn-MediaBox_Caption a:link {
    text-decoration: underline
}

.cmn-MediaBox_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaBox_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaBox_Caption b,
.cmn-MediaBox_Caption strong {
    font-weight: 700
}

.cmn-MediaBox_Caption em,
.cmn-MediaBox_Caption i {
    font-style: italic
}

.cmn-MediaColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-MediaColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.cmn-MediaColumn_Item {
    width: 48.4375%;
    margin-top: 40px
}

.cmn-MediaColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.cmn-MediaColumn_ItemInner {
    margin-bottom: 20px;
    text-align: center
}

.cmn-MediaColumn_ItemInner .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.cmn-MediaColumn_ItemInner .okra-lazyload img {
    height: auto !important
}

.cmn-MediaColumn_Caption {
    font-size: 1.2rem;
    text-align: center
}

.cmn-MediaColumn_Caption a:link {
    text-decoration: underline
}

.cmn-MediaColumn_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaColumn_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaColumn_Caption b,
.cmn-MediaColumn_Caption strong {
    font-weight: 700
}

.cmn-MediaColumn_Caption em,
.cmn-MediaColumn_Caption i {
    font-style: italic
}

.cmn-MediaFourColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-MediaFourColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.cmn-MediaFourColumn_Item {
    width: 22.65625%;
    margin-top: 40px
}

.cmn-MediaFourColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.cmn-MediaFourColumn_ItemInner {
    margin-bottom: 20px;
    text-align: center
}

.cmn-MediaFourColumn_ItemInner .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.cmn-MediaFourColumn_ItemInner .okra-lazyload img {
    height: auto !important
}

.cmn-MediaFourColumn_Caption {
    font-size: 1.2rem;
    text-align: center
}

.cmn-MediaFourColumn_Caption a:link {
    text-decoration: underline
}

.cmn-MediaFourColumn_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaFourColumn_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaFourColumn_Caption b,
.cmn-MediaFourColumn_Caption strong {
    font-weight: 700
}

.cmn-MediaFourColumn_Caption em,
.cmn-MediaFourColumn_Caption i {
    font-style: italic
}

.cmn-MediaThreeColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-MediaThreeColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.cmn-MediaThreeColumn_Item {
    width: 31.25%;
    margin-top: 40px
}

.cmn-MediaThreeColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.cmn-MediaThreeColumn_ItemInner {
    margin-bottom: 20px;
    text-align: center
}

.cmn-MediaThreeColumn_ItemInner .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.cmn-MediaThreeColumn_ItemInner .okra-lazyload img {
    height: auto !important
}

.cmn-MediaThreeColumn_Caption {
    font-size: 1.2rem;
    text-align: center
}

.cmn-MediaThreeColumn_Caption a:link {
    text-decoration: underline
}

.cmn-MediaThreeColumn_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaThreeColumn_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaThreeColumn_Caption b,
.cmn-MediaThreeColumn_Caption strong {
    font-weight: 700
}

.cmn-MediaThreeColumn_Caption em,
.cmn-MediaThreeColumn_Caption i {
    font-style: italic
}

.cmn-MediaUnit {
    overflow: hidden;
    position: relative;
    height: 100%
}

.cmn-MediaUnit_Cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.cmn-MediaUnit_Cover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    content: ""
}

.cmn-MediaUnit_Cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.cmn-MediaUnit_PlayButton {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px
}

.cmn-MediaUnit_Iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cmn-MediaUnit_Modal {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: opacity .2s
}

.cmn-MediaUnit_Modal.is-show {
    opacity: 1;
    pointer-events: all
}

.cmn-MediaUnit_ModalOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9)
}

.cmn-MediaUnit_ModalContainer {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 20px
}

.cmn-MediaUnit_ModalInner {
    position: relative;
    width: 960px;
    text-align: center;
    transform: translateZ(0)
}

.cmn-MediaUnit_ModalInside {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 56.25%
}

.cmn-MediaUnit_ModalIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cmn-MediaUnit_ModalClose {
    position: relative;
    padding-left: 20px;
    font-size: 1.3rem;
    color: #fff
}

.cmn-MediaUnit_ModalClose:before {
    transform: rotate(45deg)
}

.cmn-MediaUnit_ModalClose:after,
.cmn-MediaUnit_ModalClose:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 13px;
    height: 2px;
    background-color: #fff;
    content: ""
}

.cmn-MediaUnit_ModalClose:after {
    transform: rotate(-45deg)
}

.cmn-MediaWrap {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-MediaWrap:after {
    content: "";
    display: block;
    clear: both
}

.cmn-MediaWrap_Media,
.cmn-MediaWrap_Media-left,
.cmn-MediaWrap_Media-right {
    max-width: 65%;
    margin-bottom: 20px;
    text-align: center;
    min-width: 48.4375%
}

.cmn-MediaWrap_Media .cmn-MediaUnit_Cover img,
.cmn-MediaWrap_Media-left .cmn-MediaUnit_Cover img,
.cmn-MediaWrap_Media-right .cmn-MediaUnit_Cover img {
    height: 100%
}

.cmn-MediaWrap_Media-left {
    float: left;
    margin-right: 3.125%
}

.cmn-MediaWrap_Media-right {
    float: right;
    margin-left: 3.125%
}

.cmn-MediaWrap_MediaInner {
    margin-bottom: 20px
}

.cmn-MediaWrap_Body {
    font-size: 1.5rem
}

.cmn-MediaWrap_Body a:link {
    text-decoration: underline
}

.cmn-MediaWrap_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaWrap_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaWrap_Body b,
.cmn-MediaWrap_Body strong {
    font-weight: 700
}

.cmn-MediaWrap_Body em,
.cmn-MediaWrap_Body i {
    font-style: italic
}

.cmn-MediaWrap_Body p:not(:last-child) {
    margin-bottom: 1em
}

.cmn-MediaWrap_Caption {
    font-size: 1.2rem;
    text-align: center
}

.cmn-MediaWrap_Caption a:link {
    text-decoration: underline
}

.cmn-MediaWrap_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaWrap_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-MediaWrap_Caption b,
.cmn-MediaWrap_Caption strong {
    font-weight: 700
}

.cmn-MediaWrap_Caption em,
.cmn-MediaWrap_Caption i {
    font-style: italic
}

.cmn-NotesList,
.cmn-NotesList-white {
    overflow: hidden;
    max-width: 840px;
    margin: 30px auto
}

.cmn-NotesList a:link,
.cmn-NotesList-white a:link {
    text-decoration: underline
}

.cmn-NotesList a[href*=".pdf"]:after,
.cmn-NotesList-white a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-NotesList a.is-fragmentLink:not([href*=".pdf"]):after,
.cmn-NotesList-white a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-NotesList b,
.cmn-NotesList strong,
.cmn-NotesList-white b,
.cmn-NotesList-white strong {
    font-weight: 700
}

.cmn-NotesList em,
.cmn-NotesList i,
.cmn-NotesList-white em,
.cmn-NotesList-white i {
    font-style: italic
}

.cmn-NotesList-white:last-child,
.cmn-NotesList:last-child {
    margin-bottom: 0
}

div:not([class])>.cmn-NotesList,
div:not([class])>.cmn-NotesList-white {
    padding: 0 20px
}

.cmn-NotesList-white {
    color: #fff
}

.cmn-NotesList li,
.cmn-NotesList-white li {
    position: relative;
    padding-left: 1.3em;
    font-size: 1.2rem
}

.cmn-NotesList li:before,
.cmn-NotesList-white li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\203B"
}

.cmn-OrderedList {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.cmn-OrderedList a:link {
    text-decoration: underline
}

.cmn-OrderedList a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-OrderedList a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-OrderedList b,
.cmn-OrderedList strong {
    font-weight: 700
}

.cmn-OrderedList em,
.cmn-OrderedList i {
    font-style: italic
}

.cmn-OrderedList ol {
    padding-left: 1.5em;
    list-style: decimal
}

.cmn-OrderedList li {
    font-size: 1.5rem
}

.cmn-Products {
    position: relative;
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.cmn-Products_Items {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition-property: transform
}

.cmn-Products_Item {
    flex-shrink: 0;
    position: relative;
    width: 36.1904762%;
    height: 100%;
    margin-right: 4.7619048%
}

.cmn-Products_Image {
    padding-bottom: 70px;
    border-bottom: 1px solid #eee;
    text-align: center
}

.cmn-Products_Body {
    padding: 13.1578947%;
    border-bottom: 1px solid #eee;
    font-size: 1.2rem
}

.cmn-Products_Body a:link {
    text-decoration: underline
}

.cmn-Products_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Products_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Products_Body b,
.cmn-Products_Body strong {
    font-weight: 700
}

.cmn-Products_Body em,
.cmn-Products_Body i {
    font-style: italic
}

.cmn-Products_Prev {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: calc(18.21429% - 19px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s
}

.cmn-Products_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.cmn-Products_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.cmn-Products_Next {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: calc(18.21429% - 19px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s
}

.cmn-Products_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.cmn-Products_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.cmn-Table {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.cmn-Table a:link {
    text-decoration: underline
}

.cmn-Table a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Table a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Table b,
.cmn-Table strong {
    font-weight: 700
}

.cmn-Table em,
.cmn-Table i {
    font-style: italic
}

.cmn-Table_Inner {
    position: relative
}

.cmn-Table_Inner:before {
    left: 0
}

.cmn-Table_Inner:after,
.cmn-Table_Inner:before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #eee;
    content: ""
}

.cmn-Table_Inner:after {
    right: 0
}

.cmn-Table_Inside:before {
    left: 0
}

.cmn-Table_Inside:after,
.cmn-Table_Inside:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
    content: ""
}

.cmn-Table_Inside:after {
    right: 0
}

.cmn-Table [okra-table-element-component] {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.cmn-Table table {
    width: 100%;
    table-layout: fixed
}

.cmn-Table td,
.cmn-Table th {
    padding: 20px;
    border: 1px solid #eee;
    vertical-align: middle;
    font-size: 1.5rem;
    word-break: break-word
}

.cmn-Table th {
    background-color: #fafafa
}

.cmn-Table thead>tr th {
    background-color: #f3f8ff
}

.cmn-Table thead>tr:last-child th {
    background-color: #fafafa
}

.cmn-Text {
    max-width: 840px;
    margin: 1em auto;
    padding: 0 20px;
    font-size: 1.5rem
}

.cmn-Text a:link {
    text-decoration: underline
}

.cmn-Text a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Text a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-Text b,
.cmn-Text strong {
    font-weight: 700
}

.cmn-Text em,
.cmn-Text i {
    font-style: italic
}

.cmn-Text div[id] {
    margin-top: -120px;
    padding-top: 120px
}

.cmn-UnorderedList {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.cmn-UnorderedList a:link {
    text-decoration: underline
}

.cmn-UnorderedList a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-UnorderedList a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-UnorderedList b,
.cmn-UnorderedList strong {
    font-weight: 700
}

.cmn-UnorderedList em,
.cmn-UnorderedList i {
    font-style: italic
}

.cmn-UnorderedList ul {
    padding-left: 1.5em;
    list-style: disc
}

.cmn-UnorderedList li {
    font-size: 1.5rem
}

.cmn-UnstyledList {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.cmn-UnstyledList a:link {
    text-decoration: underline
}

.cmn-UnstyledList a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-UnstyledList a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.cmn-UnstyledList b,
.cmn-UnstyledList strong {
    font-weight: 700
}

.cmn-UnstyledList em,
.cmn-UnstyledList i {
    font-style: italic
}

.cmn-UnstyledList li {
    font-size: 1.5rem
}

.news-Information {
    max-width: 840px;
    margin: 30px auto 70px;
    padding: 0 20px
}

.news-Information a:link {
    text-decoration: underline
}

.news-Information a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.news-Information a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.news-Information b,
.news-Information strong {
    font-weight: 700
}

.news-Information em,
.news-Information i {
    font-style: italic
}

.news-Information_Inner {
    border: 1px solid #eee
}

.news-Information_Inside {
    padding: 4.7619048%
}

.news-Information_Inside:not(:last-child) {
    border-bottom: 1px solid #eee
}

.news-Information_Inside>div {
    font-size: 1.4rem
}

.news-Information_Inside>div:not(:last-child) {
    margin-bottom: 10px
}

.pr-AnchorList {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px
}

.pr-AnchorList.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-AnchorList.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-AnchorList_Inner {
    box-sizing: border-box;
    padding: 4.7619048%;
    border: 1px solid #eee
}

.pr-AnchorList ul {
    padding-left: 1.5em;
    list-style: disc
}

.pr-AnchorList li {
    font-size: 1.5rem
}

.pr-AnchorList li a:link {
    text-decoration: underline
}

.pr-AnchorList li a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-AnchorList li a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-AnchorList li b,
.pr-AnchorList li strong {
    font-weight: 700
}

.pr-AnchorList li em,
.pr-AnchorList li i {
    font-style: italic
}

.pr-AttentionText {
    max-width: 840px;
    margin: 1em auto;
    padding: 0 20px;
    font-size: 1.5rem;
    color: #ef3344
}

.pr-AttentionText a:link {
    text-decoration: underline
}

.pr-AttentionText a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-AttentionText a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-AttentionText b,
.pr-AttentionText strong {
    font-weight: 700
}

.pr-AttentionText em,
.pr-AttentionText i {
    font-style: italic
}

.pr-AttentionText.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-AttentionText.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Box {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.pr-Box a:link {
    text-decoration: underline
}

.pr-Box a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Box a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Box b,
.pr-Box strong {
    font-weight: 700
}

.pr-Box em,
.pr-Box i {
    font-style: italic
}

.pr-Box.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-Box.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Box_Inner {
    box-sizing: border-box;
    padding: 4.7619048%;
    border: 1px solid #eee;
    font-size: 1.5rem
}

.pr-Box_Inner>div:not(:last-child) {
    margin-bottom: 1em
}

.pr-Box_Caption {
    font-size: 1.2rem;
    text-align: center
}

.pr-Button {
    max-width: 840px;
    margin: 30px auto 70px;
    padding: 0 20px;
    text-align: center
}

.pr-Button.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-Button.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.pr-Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.pr-Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) no-repeat
}

.pr-Button_Notes {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.pr-Button_Notes a:link {
    text-decoration: underline
}

.pr-Button_Notes a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Button_Notes a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Button_Notes b,
.pr-Button_Notes strong {
    font-weight: 700
}

.pr-Button_Notes em,
.pr-Button_Notes i {
    font-style: italic
}

.pr-ButtonColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-ButtonColumn.okra-style-on-init .pr-ButtonColumn_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-ButtonColumn.okra-style-on-scroll .pr-ButtonColumn_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-ButtonColumn.okra-style-on-scroll .pr-ButtonColumn_Item:nth-child(2) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .3s, opacity .8s .3s
}

.pr-ButtonColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.pr-ButtonColumn_Item {
    width: 31.25%;
    margin-top: 40px
}

.pr-ButtonColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.pr-ButtonColumn_Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 65px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.pr-ButtonColumn_Button>div {
    width: 100%
}

.pr-ButtonColumn_Button a {
    position: relative;
    display: block;
    padding: 19px 25px 18px 20px;
    color: #fff
}

.pr-ButtonColumn_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.pr-ButtonColumn_Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) no-repeat
}

.pr-ButtonColumn_Notes {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.pr-ButtonColumn_Notes a:link {
    text-decoration: underline
}

.pr-ButtonColumn_Notes a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-ButtonColumn_Notes a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-ButtonColumn_Notes b,
.pr-ButtonColumn_Notes strong {
    font-weight: 700
}

.pr-ButtonColumn_Notes em,
.pr-ButtonColumn_Notes i {
    font-style: italic
}

.pr-ButtonFourColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-ButtonFourColumn.okra-style-on-init .pr-ButtonFourColumn_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-ButtonFourColumn.okra-style-on-scroll .pr-ButtonFourColumn_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-ButtonFourColumn.okra-style-on-scroll .pr-ButtonFourColumn_Item:nth-child(2) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .3s, opacity .8s .3s
}

.pr-ButtonFourColumn.okra-style-on-scroll .pr-ButtonFourColumn_Item:nth-child(3) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.pr-ButtonFourColumn.okra-style-on-scroll .pr-ButtonFourColumn_Item:nth-child(4) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .9s, opacity .8s .9s
}

.pr-ButtonFourColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.pr-ButtonFourColumn_Item {
    width: 22.65625%;
    margin-top: 40px
}

.pr-ButtonFourColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.pr-ButtonFourColumn_Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 65px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.pr-ButtonFourColumn_Button>div {
    width: 100%
}

.pr-ButtonFourColumn_Button a {
    position: relative;
    display: block;
    padding: 19px 25px 18px 20px;
    color: #fff
}

.pr-ButtonFourColumn_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.pr-ButtonFourColumn_Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) no-repeat
}

.pr-ButtonFourColumn_Notes {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.pr-ButtonFourColumn_Notes a:link {
    text-decoration: underline
}

.pr-ButtonFourColumn_Notes a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-ButtonFourColumn_Notes a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-ButtonFourColumn_Notes b,
.pr-ButtonFourColumn_Notes strong {
    font-weight: 700
}

.pr-ButtonFourColumn_Notes em,
.pr-ButtonFourColumn_Notes i {
    font-style: italic
}

.pr-ButtonThreeColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-ButtonThreeColumn.okra-style-on-init .pr-ButtonThreeColumn_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-ButtonThreeColumn.okra-style-on-scroll .pr-ButtonThreeColumn_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-ButtonThreeColumn.okra-style-on-scroll .pr-ButtonThreeColumn_Item:nth-child(2) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .3s, opacity .8s .3s
}

.pr-ButtonThreeColumn.okra-style-on-scroll .pr-ButtonThreeColumn_Item:nth-child(3) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.pr-ButtonThreeColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.pr-ButtonThreeColumn_Item {
    width: 31.25%;
    margin-top: 40px
}

.pr-ButtonThreeColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.pr-ButtonThreeColumn_Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 65px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.pr-ButtonThreeColumn_Button>div {
    width: 100%
}

.pr-ButtonThreeColumn_Button a {
    position: relative;
    display: block;
    padding: 19px 25px 18px 20px;
    color: #fff
}

.pr-ButtonThreeColumn_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) no-repeat;
    content: ""
}

.pr-ButtonThreeColumn_Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) no-repeat
}

.pr-ButtonThreeColumn_Notes {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.pr-ButtonThreeColumn_Notes a:link {
    text-decoration: underline
}

.pr-ButtonThreeColumn_Notes a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-ButtonThreeColumn_Notes a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-ButtonThreeColumn_Notes b,
.pr-ButtonThreeColumn_Notes strong {
    font-weight: 700
}

.pr-ButtonThreeColumn_Notes em,
.pr-ButtonThreeColumn_Notes i {
    font-style: italic
}

.pr-Carousel {
    position: relative;
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-Carousel.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-Carousel.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Carousel .okra-carousel-container {
    height: 560px
}

.pr-Carousel .okra-carousel-slide {
    display: flex;
    flex-direction: column
}

.pr-Carousel .okra-carousel-slide-inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.pr-Carousel .okra-carousel-slide-inner img {
    width: auto;
    max-height: 100%
}

.pr-Carousel_Caption {
    margin-top: 20px;
    font-size: 1.2rem;
    text-align: center
}

.pr-Carousel_Caption a:link {
    text-decoration: underline
}

.pr-Carousel_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Carousel_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Carousel_Caption b,
.pr-Carousel_Caption strong {
    font-weight: 700
}

.pr-Carousel_Caption em,
.pr-Carousel_Caption i {
    font-style: italic
}

.pr-Carousel_Prev {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: calc(33.33333% - 19px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s
}

.pr-Carousel_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.pr-Carousel_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.pr-Carousel_Next {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: calc(33.33333% - 19px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s
}

.pr-Carousel_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.pr-Carousel_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.pr-Carousel_Pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.pr-Carousel_Pagination-item {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer
}

.pr-Carousel_Pagination-item:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    content: ""
}

.pr-Carousel_Pagination-item.is-current:before {
    background-color: #161616
}

.pr-Divider {
    max-width: 840px;
    margin: 60px auto;
    padding: 10px 20px
}

.pr-Divider.okra-style-on-init hr {
    width: 0
}

.pr-Divider.okra-style-on-scroll hr {
    width: 100%;
    transition: width 1s cubic-bezier(.165, .84, .44, 1)
}

.pr-Divider hr {
    border: none;
    border-top: 1px solid #eee
}

.pr-ExtraImage {
    position: relative;
    overflow: hidden;
    margin: 40px 0 120px
}

.pr-ExtraImage.okra-style-on-init {
    top: 40px;
    opacity: 0
}

.pr-ExtraImage.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-ExtraImage_Media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .02s;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.pr-ExtraImage_Media span {
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.pr-ExtraImage_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto !important;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.pr-ExtraImage_Inner {
    position: relative;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    max-width: 1280px;
    width: 100%;
    height: 700px;
    margin: 0 auto;
    padding: 130px 20px
}

.pr-ExtraImage_Inside {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.pr-ExtraImage_Body {
    width: 100%;
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.okra-style-on-init .pr-ExtraImage_Body {
    opacity: 0
}

.okra-style-on-scroll .pr-ExtraImage_Body {
    opacity: 1;
    transition: opacity .6s .4s
}

.pr-ExtraImage_Button {
    position: absolute;
    left: 50%;
    bottom: 70px;
    min-width: 290px;
    color: #fff;
    transform: translateX(-50%)
}

.okra-style-on-init .pr-ExtraImage_Button {
    opacity: 0
}

.okra-style-on-scroll .pr-ExtraImage_Button {
    opacity: 1;
    transition: opacity .6s .4s
}

.pr-ExtraImage_Button a {
    box-sizing: border-box;
    display: block;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.pr-ExtraImage_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.pr-ExtraImage_Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) 0 0/100% no-repeat
}

.pr-Feature,
.pr-Feature-left,
.pr-Feature-right {
    position: relative;
    margin-bottom: 120px
}

.pr-Feature+.pr-Feature,
.pr-Feature+.pr-Feature-left,
.pr-Feature+.pr-Feature-right,
.pr-Feature-left+.pr-Feature,
.pr-Feature-left+.pr-Feature-left,
.pr-Feature-left+.pr-Feature-right,
.pr-Feature-right+.pr-Feature,
.pr-Feature-right+.pr-Feature-left,
.pr-Feature-right+.pr-Feature-right {
    margin-top: -120px
}

.okra-style-on-init.pr-Feature-left .cmn-MediaUnit>div[okra-media-element-component],
.okra-style-on-init.pr-Feature-right .cmn-MediaUnit>div[okra-media-element-component],
.pr-Feature.okra-style-on-init .cmn-MediaUnit>div[okra-media-element-component] {
    height: 100%;
    opacity: 0;
    transform: scale(1.05)
}

.okra-style-on-init.pr-Feature-left .cmn-NotesList,
.okra-style-on-init.pr-Feature-left .cmn-NotesList-white,
.okra-style-on-init.pr-Feature-left .pr-Feature_Heading,
.okra-style-on-init.pr-Feature-left .pr-Feature_Heading-white,
.okra-style-on-init.pr-Feature-left .pr-Feature_Text,
.okra-style-on-init.pr-Feature-left .pr-Feature_Text-white,
.okra-style-on-init.pr-Feature-right .cmn-NotesList,
.okra-style-on-init.pr-Feature-right .cmn-NotesList-white,
.okra-style-on-init.pr-Feature-right .pr-Feature_Heading,
.okra-style-on-init.pr-Feature-right .pr-Feature_Heading-white,
.okra-style-on-init.pr-Feature-right .pr-Feature_Text,
.okra-style-on-init.pr-Feature-right .pr-Feature_Text-white,
.pr-Feature.okra-style-on-init .cmn-NotesList,
.pr-Feature.okra-style-on-init .cmn-NotesList-white,
.pr-Feature.okra-style-on-init .pr-Feature_Heading,
.pr-Feature.okra-style-on-init .pr-Feature_Heading-white,
.pr-Feature.okra-style-on-init .pr-Feature_Text,
.pr-Feature.okra-style-on-init .pr-Feature_Text-white {
    position: relative;
    top: 20px;
    opacity: 0
}

.okra-style-on-scroll.pr-Feature-left .cmn-MediaUnit>div[okra-media-element-component],
.okra-style-on-scroll.pr-Feature-right .cmn-MediaUnit>div[okra-media-element-component],
.pr-Feature.okra-style-on-scroll .cmn-MediaUnit>div[okra-media-element-component] {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.okra-style-on-scroll.pr-Feature-left .pr-Feature_Heading,
.okra-style-on-scroll.pr-Feature-left .pr-Feature_Heading-white,
.okra-style-on-scroll.pr-Feature-right .pr-Feature_Heading,
.okra-style-on-scroll.pr-Feature-right .pr-Feature_Heading-white,
.pr-Feature.okra-style-on-scroll .pr-Feature_Heading,
.pr-Feature.okra-style-on-scroll .pr-Feature_Heading-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.okra-style-on-scroll.pr-Feature-left .pr-Feature_Text,
.okra-style-on-scroll.pr-Feature-left .pr-Feature_Text-white,
.okra-style-on-scroll.pr-Feature-right .pr-Feature_Text,
.okra-style-on-scroll.pr-Feature-right .pr-Feature_Text-white,
.pr-Feature.okra-style-on-scroll .pr-Feature_Text,
.pr-Feature.okra-style-on-scroll .pr-Feature_Text-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.okra-style-on-scroll.pr-Feature-left .cmn-NotesList,
.okra-style-on-scroll.pr-Feature-left .cmn-NotesList-white,
.okra-style-on-scroll.pr-Feature-right .cmn-NotesList,
.okra-style-on-scroll.pr-Feature-right .cmn-NotesList-white,
.pr-Feature.okra-style-on-scroll .cmn-NotesList,
.pr-Feature.okra-style-on-scroll .cmn-NotesList-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s cubic-bezier(.165, .84, .44, 1) 1s
}

.pr-Feature_Media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pr-Feature_Media .okra-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.pr-Feature_Media .okra-lazyload {
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.pr-Feature_Media .okra-lazyload img {
    height: auto !important
}

.pr-Feature_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.pr-Feature_Body {
    position: relative;
    display: flex;
    width: 50%
}

.pr-Feature_Body a:link {
    text-decoration: underline
}

.pr-Feature_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Feature_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Feature_Body b,
.pr-Feature_Body strong {
    font-weight: 700
}

.pr-Feature_Body em,
.pr-Feature_Body i {
    font-style: italic
}

.pr-Feature-right .pr-Feature_Body {
    margin-left: auto
}

.pr-Feature_BodyInner {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 500px;
    width: 100%;
    padding: 11.25%
}

.pr-Feature_Inside {
    max-width: 480px
}

.pr-Feature_Heading,
.pr-Feature_Heading-white {
    margin-bottom: 40px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Feature_Heading,
html[lang^=zh] .pr-Feature_Heading-white {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

div[news-post-child-component] .pr-Feature_Heading,
div[news-post-child-component] .pr-Feature_Heading-white {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .pr-Feature_Heading,
html[lang^=zh] div[news-post-child-component] .pr-Feature_Heading-white {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Feature_Heading-white {
    color: #fff
}

.pr-Feature_Text,
.pr-Feature_Text-white {
    font-size: 1.5rem
}

.pr-Feature_Text-white:not(:last-child),
.pr-Feature_Text:not(:last-child) {
    margin-bottom: 20px
}

.pr-Feature_Text-white {
    color: #fff
}

.pr-FeatureTandem {
    margin-bottom: 120px
}

.pr-FeatureTandem.okra-style-on-init .cmn-MediaUnit>div[okra-media-element-component] {
    height: 100%;
    opacity: 0;
    transform: scale(1.05)
}

.pr-FeatureTandem.okra-style-on-init .cmn-NotesList,
.pr-FeatureTandem.okra-style-on-init .cmn-NotesList-white,
.pr-FeatureTandem.okra-style-on-init .pr-FeatureTandem_Heading,
.pr-FeatureTandem.okra-style-on-init .pr-FeatureTandem_Text {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-FeatureTandem.okra-style-on-scroll .cmn-MediaUnit>div[okra-media-element-component] {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-FeatureTandem.okra-style-on-scroll .pr-FeatureTandem_Heading {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.pr-FeatureTandem.okra-style-on-scroll .pr-FeatureTandem_Text {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.pr-FeatureTandem.okra-style-on-scroll .cmn-NotesList,
.pr-FeatureTandem.okra-style-on-scroll .cmn-NotesList-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s cubic-bezier(.165, .84, .44, 1) 1s
}

.pr-FeatureTandem_Media {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px
}

.pr-FeatureTandem_Media .cmn-MediaUnit {
    overflow: visible
}

.pr-FeatureTandem_Media .okra-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.pr-FeatureTandem_Media .okra-lazyload {
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.pr-FeatureTandem_Media .okra-lazyload img {
    height: auto !important
}

.pr-FeatureTandem_Body {
    box-sizing: border-box;
    width: 100%;
    max-width: 660px;
    padding: 0 20px;
    margin: -40px auto 0
}

.pr-FeatureTandem_Body a:link {
    text-decoration: underline
}

.pr-FeatureTandem_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-FeatureTandem_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-FeatureTandem_Body b,
.pr-FeatureTandem_Body strong {
    font-weight: 700
}

.pr-FeatureTandem_Body em,
.pr-FeatureTandem_Body i {
    font-style: italic
}

.pr-FeatureTandem_Inner {
    position: relative;
    padding: 70px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .04)
}

.pr-FeatureTandem_Heading {
    margin-bottom: 40px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-FeatureTandem_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

div[news-post-child-component] .pr-FeatureTandem_Heading {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .pr-FeatureTandem_Heading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-FeatureTandem_Text {
    font-size: 1.5rem
}

.pr-FeatureTandem_Text:not(:last-child) {
    margin-bottom: 20px
}

.pr-Gallery {
    margin: 40px 0 120px
}

.pr-Gallery.okra-style-on-init {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-Gallery.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Gallery+.pr-Gallery,
.pr-GalleryColumn+.pr-Gallery {
    margin-top: -80px
}

.pr-Gallery_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.pr-Gallery_Media {
    height: 100%
}

.pr-Gallery_Media .okra-image,
.pr-Gallery_Media .okra-youtube-inner {
    position: relative;
    padding-bottom: 39.0625%
}

.pr-Gallery_Media .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.pr-Gallery_Media .okra-lazyload {
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.pr-Gallery_Media .okra-lazyload img {
    height: auto !important
}

.pr-Gallery_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.pr-Gallery_Media iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.pr-GalleryColumn {
    margin: 40px 0 120px
}

.pr-GalleryColumn.okra-style-on-init .pr-GalleryColumn_Col {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-GalleryColumn.okra-style-on-scroll .pr-GalleryColumn_Col {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-GalleryColumn.okra-style-on-scroll .pr-GalleryColumn_Col:last-child {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .3s, opacity .8s .3s
}

.pr-Gallery+.pr-GalleryColumn,
.pr-GalleryColumn+.pr-GalleryColumn {
    margin-top: -80px
}

.pr-GalleryColumn_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.pr-GalleryColumn_Row {
    display: flex
}

.pr-GalleryColumn_Row:not(:last-child) {
    margin-bottom: 40px
}

.pr-GalleryColumn_Col {
    width: 48.4375%
}

.pr-GalleryColumn_Col:not(:last-child) {
    margin-right: 40px
}

.pr-GalleryColumn_Media {
    height: 100%
}

.pr-GalleryColumn_Media .okra-image,
.pr-GalleryColumn_Media .okra-youtube-inner {
    position: relative;
    padding-bottom: 56.25%
}

.pr-GalleryColumn_Media .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.pr-GalleryColumn_Media .okra-lazyload {
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.pr-GalleryColumn_Media .okra-lazyload img {
    height: auto !important
}

.pr-GalleryColumn_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: 100%;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.pr-GalleryColumn_Media iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.pr-Heading {
    margin: 120px 0 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Heading.okra-style-on-init {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-Heading.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

div[news-post-child-component] .pr-Heading {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .pr-Heading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .pr-Heading {
    color: #b72841
}

.pr-HeadingLv1 {
    max-width: 840px;
    margin: 70px auto 40px;
    padding: 0 20px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-HeadingLv1 {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-HeadingLv1.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-HeadingLv1.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

div[news-post-child-component] .pr-HeadingLv1 {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .pr-HeadingLv1 {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .pr-HeadingLv1 {
    color: #b72841
}

.pr-HeadingLv1 div[id] {
    margin-top: -120px;
    padding-top: 120px
}

.pr-HeadingLv2 {
    max-width: 840px;
    margin: 50px auto 30px;
    padding: 0 20px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-HeadingLv2 {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-HeadingLv2.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-HeadingLv2.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

div[news-post-child-component] .pr-HeadingLv2 {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .pr-HeadingLv2 {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .pr-HeadingLv2 {
    color: #b72841
}

.pr-HeadingLv2 div[id] {
    margin-top: -120px;
    padding-top: 120px
}

.pr-HorizontalAnchorList {
    max-width: 840px;
    margin: 70px auto;
    padding: 0 20px
}

.pr-HorizontalAnchorList.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-HorizontalAnchorList.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-HorizontalAnchorList ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.pr-HorizontalAnchorList li {
    margin: 10px 30px 0 0;
    font-size: 1.2rem
}

.pr-HorizontalAnchorList li a:link {
    text-decoration: underline
}

.pr-HorizontalAnchorList li a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-HorizontalAnchorList li a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-HorizontalAnchorList li b,
.pr-HorizontalAnchorList li strong {
    font-weight: 700
}

.pr-HorizontalAnchorList li em,
.pr-HorizontalAnchorList li i {
    font-style: italic
}

.okraAdmin-PostPreview .pr-HorizontalAnchorList li {
    min-width: 1rem
}

.pr-Howto {
    margin-bottom: 120px
}

.pr-Howto+.pr-Howto {
    margin-top: -120px
}

.pr-Howto.okra-style-on-init .pr-Howto_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-Howto.okra-style-on-scroll .pr-Howto_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Howto.okra-style-on-scroll .pr-Howto_Item:nth-child(2) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .3s, opacity .8s .3s
}

.pr-Howto_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1280px;
    margin: -40px auto 0;
    padding: 0 20px
}

.pr-Howto_Item {
    width: 100%;
    margin-top: 40px
}

.pr-Howto_Item:not(:only-child) {
    width: 48.4375%
}

.pr-Howto_Item:not(:last-child) {
    margin-right: 3.125%
}

.pr-Howto_Media {
    max-width: 620px;
    margin: 0 auto
}

.pr-Howto_Media:not(:last-child) {
    margin-bottom: 40px
}

.pr-Howto_MediaInner {
    margin-bottom: 20px
}

.pr-Howto_MediaInner .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.pr-Howto_Caption {
    font-size: 1.2rem;
    text-align: center
}

.pr-Howto_Caption a:link {
    text-decoration: underline
}

.pr-Howto_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Howto_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Howto_Caption b,
.pr-Howto_Caption strong {
    font-weight: 700
}

.pr-Howto_Caption em,
.pr-Howto_Caption i {
    font-style: italic
}

.pr-Image {
    position: relative;
    overflow: hidden;
    margin: 40px 0 120px
}

.pr-Image.okra-style-on-init {
    top: 40px;
    opacity: 0
}

.pr-Image.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Image_Media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .02s;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.pr-Image_Media span {
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.pr-Image_Media img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto !important;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.pr-Image_Inner {
    position: relative;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    max-width: 1280px;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 130px 20px
}

.pr-Image_Inside {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.pr-Image_Body {
    width: 100%;
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.okra-style-on-init .pr-Image_Body {
    opacity: 0
}

.okra-style-on-scroll .pr-Image_Body {
    opacity: 1;
    transition: opacity .6s .4s
}

.pr-Image_Button {
    position: absolute;
    left: 50%;
    bottom: 70px;
    min-width: 290px;
    color: #fff;
    transform: translateX(-50%)
}

.okra-style-on-init .pr-Image_Button {
    opacity: 0
}

.okra-style-on-scroll .pr-Image_Button {
    opacity: 1;
    transition: opacity .6s .4s
}

.pr-Image_Button a {
    box-sizing: border-box;
    display: block;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.pr-Image_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.pr-Image_Button a[target=_blank]:after {
    width: 10px;
    margin-top: -5px;
    background: url(/assets/img/icon_blank_white.svg) 0 0/100% no-repeat
}

.pr-Layout {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-Layout.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-Layout.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Layout_Inner {
    margin-bottom: 20px;
    text-align: center
}

.pr-Layout_Inner .cmn-MediaUnit_Cover img {
    max-width: 100%
}

.pr-Layout_Inner .okra-lazyload img {
    height: auto !important
}

.pr-Layout_Caption {
    font-size: 1.2rem;
    text-align: center
}

.pr-Layout_Caption a:link {
    text-decoration: underline
}

.pr-Layout_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Layout_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Layout_Caption b,
.pr-Layout_Caption strong {
    font-weight: 700
}

.pr-Layout_Caption em,
.pr-Layout_Caption i {
    font-style: italic
}

.pr-Media {
    margin-bottom: 120px
}

.pr-Media.okra-style-on-init {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-Media.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Media .okra-youtube-inner {
    height: 500px;
    padding-bottom: 0
}

.pr-Media_Inner {
    height: 500px
}

.pr-MediaBox {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.pr-MediaBox.okra-style-on-init {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-MediaBox.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-MediaBox_Inner {
    box-sizing: border-box;
    display: flex;
    padding: 4.7619048%;
    border: 1px solid #eee;
    font-size: 1.5rem
}

.pr-MediaBox_Media,
.pr-MediaBox_Media-left,
.pr-MediaBox_Media-right {
    width: 25%;
    text-align: center
}

.pr-MediaBox_Media-left {
    margin-right: 4.7619048%
}

.pr-MediaBox_Media-right {
    order: 1;
    margin-left: 4.7619048%
}

.pr-MediaBox_MediaInner {
    margin-bottom: 20px
}

.pr-MediaBox_Body {
    flex: 1;
    font-size: 1.5rem
}

.pr-MediaBox_Body a:link {
    text-decoration: underline
}

.pr-MediaBox_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaBox_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaBox_Body b,
.pr-MediaBox_Body strong {
    font-weight: 700
}

.pr-MediaBox_Body em,
.pr-MediaBox_Body i {
    font-style: italic
}

.pr-MediaBox_Body>div:not(:last-child) {
    margin-bottom: 1em
}

.pr-MediaBox_Caption {
    font-size: 1.2rem;
    text-align: center
}

.pr-MediaBox_Caption a:link {
    text-decoration: underline
}

.pr-MediaBox_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaBox_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaBox_Caption b,
.pr-MediaBox_Caption strong {
    font-weight: 700
}

.pr-MediaBox_Caption em,
.pr-MediaBox_Caption i {
    font-style: italic
}

.pr-MediaColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-MediaColumn.okra-style-on-init .pr-MediaColumn_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-MediaColumn.okra-style-on-scroll .pr-MediaColumn_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-MediaColumn.okra-style-on-scroll .pr-MediaColumn_Item:last-child {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .3s, opacity .8s .3s
}

.pr-MediaColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.pr-MediaColumn_Item {
    width: 48.4375%;
    margin-top: 40px
}

.pr-MediaColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.pr-MediaColumn_ItemInner {
    margin-bottom: 20px;
    text-align: center
}

.pr-MediaColumn_ItemInner .pr-MediaUnit_Cover img {
    max-width: 100%
}

.pr-MediaColumn_ItemInner .okra-lazyload img {
    height: auto !important
}

.pr-MediaColumn_Caption {
    font-size: 1.2rem;
    text-align: center
}

.pr-MediaColumn_Caption a:link {
    text-decoration: underline
}

.pr-MediaColumn_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaColumn_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaColumn_Caption b,
.pr-MediaColumn_Caption strong {
    font-weight: 700
}

.pr-MediaColumn_Caption em,
.pr-MediaColumn_Caption i {
    font-style: italic
}

.pr-MediaFourColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-MediaFourColumn.okra-style-on-init .pr-MediaFourColumn_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-MediaFourColumn.okra-style-on-scroll .pr-MediaFourColumn_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-MediaFourColumn.okra-style-on-scroll .pr-MediaFourColumn_Item:nth-child(2) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .3s, opacity .8s .3s
}

.pr-MediaFourColumn.okra-style-on-scroll .pr-MediaFourColumn_Item:nth-child(3) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.pr-MediaFourColumn.okra-style-on-scroll .pr-MediaFourColumn_Item:nth-child(4) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .9s, opacity .8s .9s
}

.pr-MediaFourColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.pr-MediaFourColumn_Item {
    width: 22.65625%;
    margin-top: 40px
}

.pr-MediaFourColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.pr-MediaFourColumn_ItemInner {
    margin-bottom: 20px;
    text-align: center
}

.pr-MediaFourColumn_ItemInner .pr-MediaUnit_Cover img {
    max-width: 100%
}

.pr-MediaFourColumn_ItemInner .okra-lazyload img {
    height: auto !important
}

.pr-MediaFourColumn_Caption {
    font-size: 1.2rem;
    text-align: center
}

.pr-MediaFourColumn_Caption a:link {
    text-decoration: underline
}

.pr-MediaFourColumn_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaFourColumn_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaFourColumn_Caption b,
.pr-MediaFourColumn_Caption strong {
    font-weight: 700
}

.pr-MediaFourColumn_Caption em,
.pr-MediaFourColumn_Caption i {
    font-style: italic
}

.pr-MediaThreeColumn {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-MediaThreeColumn.okra-style-on-init .pr-MediaThreeColumn_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-MediaThreeColumn.okra-style-on-scroll .pr-MediaThreeColumn_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-MediaThreeColumn.okra-style-on-scroll .pr-MediaThreeColumn_Item:nth-child(2) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .3s, opacity .8s .3s
}

.pr-MediaThreeColumn.okra-style-on-scroll .pr-MediaThreeColumn_Item:nth-child(3) {
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.pr-MediaThreeColumn_Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -40px
}

.pr-MediaThreeColumn_Item {
    width: 31.25%;
    margin-top: 40px
}

.pr-MediaThreeColumn_Item:not(:last-child) {
    margin-right: 3.125%
}

.pr-MediaThreeColumn_ItemInner {
    margin-bottom: 20px;
    text-align: center
}

.pr-MediaThreeColumn_ItemInner .pr-MediaUnit_Cover img {
    max-width: 100%
}

.pr-MediaThreeColumn_ItemInner .okra-lazyload img {
    height: auto !important
}

.pr-MediaThreeColumn_Caption {
    font-size: 1.2rem;
    text-align: center
}

.pr-MediaThreeColumn_Caption a:link {
    text-decoration: underline
}

.pr-MediaThreeColumn_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaThreeColumn_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaThreeColumn_Caption b,
.pr-MediaThreeColumn_Caption strong {
    font-weight: 700
}

.pr-MediaThreeColumn_Caption em,
.pr-MediaThreeColumn_Caption i {
    font-style: italic
}

.pr-MediaUnit {
    overflow: hidden;
    position: relative;
    height: 100%
}

.pr-MediaUnit_Cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.pr-MediaUnit_Cover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    content: ""
}

.pr-MediaUnit_Cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.pr-MediaUnit_PlayButton {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px
}

.pr-MediaUnit_Iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pr-MediaUnit_Modal {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: opacity .2s
}

.pr-MediaUnit_Modal.is-show {
    opacity: 1;
    pointer-events: all
}

.pr-MediaUnit_ModalOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9)
}

.pr-MediaUnit_ModalContainer {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 20px
}

.pr-MediaUnit_ModalInner {
    position: relative;
    width: 960px;
    text-align: center;
    transform: translateZ(0)
}

.pr-MediaUnit_ModalInside {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 56.25%
}

.pr-MediaUnit_ModalIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pr-MediaUnit_ModalClose {
    position: relative;
    padding-left: 20px;
    font-size: 1.3rem;
    color: #fff
}

.pr-MediaUnit_ModalClose:before {
    transform: rotate(45deg)
}

.pr-MediaUnit_ModalClose:after,
.pr-MediaUnit_ModalClose:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 13px;
    height: 2px;
    background-color: #fff;
    content: ""
}

.pr-MediaUnit_ModalClose:after {
    transform: rotate(-45deg)
}

.pr-MediaWrap {
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-MediaWrap:after {
    content: "";
    display: block;
    clear: both
}

.pr-MediaWrap.okra-style-on-init {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-MediaWrap.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-MediaWrap_Media,
.pr-MediaWrap_Media-left,
.pr-MediaWrap_Media-right {
    max-width: 65%;
    margin-bottom: 20px;
    text-align: center;
    min-width: 48.4375%
}

.pr-MediaWrap_Media .pr-MediaUnit_Cover img,
.pr-MediaWrap_Media-left .pr-MediaUnit_Cover img,
.pr-MediaWrap_Media-right .pr-MediaUnit_Cover img {
    height: 100%
}

.pr-MediaWrap_Media-left {
    float: left;
    margin-right: 3.125%
}

.pr-MediaWrap_Media-right {
    float: right;
    margin-left: 3.125%
}

.pr-MediaWrap_MediaInner {
    margin-bottom: 20px
}

.pr-MediaWrap_Body {
    font-size: 1.5rem
}

.pr-MediaWrap_Body a:link {
    text-decoration: underline
}

.pr-MediaWrap_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaWrap_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaWrap_Body b,
.pr-MediaWrap_Body strong {
    font-weight: 700
}

.pr-MediaWrap_Body em,
.pr-MediaWrap_Body i {
    font-style: italic
}

.pr-MediaWrap_Body p:not(:last-child) {
    margin-bottom: 1em
}

.pr-MediaWrap_Caption {
    font-size: 1.2rem;
    text-align: center
}

.pr-MediaWrap_Caption a:link {
    text-decoration: underline
}

.pr-MediaWrap_Caption a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaWrap_Caption a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-MediaWrap_Caption b,
.pr-MediaWrap_Caption strong {
    font-weight: 700
}

.pr-MediaWrap_Caption em,
.pr-MediaWrap_Caption i {
    font-style: italic
}

.pr-NotesList,
.pr-NotesList-white {
    overflow: hidden;
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.pr-NotesList a:link,
.pr-NotesList-white a:link {
    text-decoration: underline
}

.pr-NotesList a[href*=".pdf"]:after,
.pr-NotesList-white a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-NotesList a.is-fragmentLink:not([href*=".pdf"]):after,
.pr-NotesList-white a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-NotesList b,
.pr-NotesList strong,
.pr-NotesList-white b,
.pr-NotesList-white strong {
    font-weight: 700
}

.pr-NotesList em,
.pr-NotesList i,
.pr-NotesList-white em,
.pr-NotesList-white i {
    font-style: italic
}

.pr-NotesList-white:last-child,
.pr-NotesList:last-child {
    margin-bottom: 0
}

div[class^=pr-] .pr-NotesList,
div[class^=pr-] .pr-NotesList-white {
    padding: 0
}

.okra-style-on-init.pr-NotesList-white,
.pr-NotesList.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.okra-style-on-scroll.pr-NotesList-white,
.pr-NotesList.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-NotesList-white {
    color: #fff
}

.pr-NotesList li,
.pr-NotesList-white li {
    position: relative;
    padding-left: 1.3em;
    font-size: 1.2rem
}

.pr-NotesList li:before,
.pr-NotesList-white li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\203B"
}

.pr-OrderedList {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.pr-OrderedList a:link {
    text-decoration: underline
}

.pr-OrderedList a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-OrderedList a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-OrderedList b,
.pr-OrderedList strong {
    font-weight: 700
}

.pr-OrderedList em,
.pr-OrderedList i {
    font-style: italic
}

.pr-OrderedList.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-OrderedList.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-OrderedList ol {
    padding-left: 1.5em;
    list-style: decimal
}

.pr-OrderedList li {
    font-size: 1.5rem
}

.pr-Pair {
    min-height: 466px;
    border-top: 1px solid #eee
}

.pr-Pair.okra-style-on-init .pr-Pair_Button,
.pr-Pair.okra-style-on-init .pr-Pair_Heading,
.pr-Pair.okra-style-on-init .pr-Pair_Inner {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-Pair.okra-style-on-scroll .pr-Pair_Heading {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s cubic-bezier(.165, .84, .44, 1)
}

.pr-Pair.okra-style-on-scroll .pr-Pair_Inner {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s cubic-bezier(.165, .84, .44, 1) .6s
}

.pr-Pair.okra-style-on-scroll .pr-Pair_Button {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s cubic-bezier(.165, .84, .44, 1) 1s
}

.pr-Pair_Heading {
    margin: 120px 0 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Pair_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Pair_Inner {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.pr-Pair_Inner:after {
    display: block;
    order: 2;
    width: 43.75%;
    content: ""
}

.pr-Pair_Image {
    order: 1;
    width: 18.75%
}

.pr-Pair_Main {
    box-sizing: border-box;
    order: 0;
    width: 43.75%;
    padding: 0 3.125% 0 6.25%
}

.pr-Pair_Label {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

.pr-Pair_LabelNew {
    margin-right: 10px;
    font-weight: 700;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Pair_LabelNew {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Pair_LabelLimited {
    margin-right: 10px;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Pair_LabelLimited {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Pair_LabelTarget {
    display: flex
}

.pr-Pair_LabelTarget:not(:first-child) {
    margin-left: 10px
}

.pr-Pair_LabelMens {
    font-size: 1.1rem;
    color: #4194bf;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Pair_LabelMens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Pair_LabelWomens {
    font-size: 1.1rem;
    color: #e77085;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Pair_LabelWomens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Pair_LabelPair {
    font-size: 1.1rem;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.pr-Pair_LabelPair:before {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 10px;
    background-color: #ddd;
    content: ""
}

html[lang^=zh] .pr-Pair_LabelPair {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Pair_Name {
    margin-bottom: 15px;
    font-size: 2.4rem;
    color: #161616;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Pair_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Pair_Collection {
    margin-bottom: 30px;
    font-size: 1.2rem
}

.pr-Pair_Collection a {
    color: #161616
}

.pr-Pair_Price {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.4rem
}

.pr-Pair_Price div {
    display: inline;
    vertical-align: middle
}

.pr-Pair_PriceCurrency {
    margin-left: 5px;
    font-weight: 400;
    font-size: 1rem
}

.pr-Pair_Release {
    font-size: 1rem;
    font-weight: 700
}

.pr-Pair_Release div {
    display: inline
}

.pr-Pair_Limited {
    margin-top: 30px
}

.pr-Pair_LimitedNum {
    display: block;
    font-weight: 700;
    color: #a89579
}

.pr-Pair_LimitedNum div {
    display: inline
}

.pr-Pair_Button {
    margin: 50px 0 120px;
    text-align: center
}

.pr-Pair_Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.pr-Pair_Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.pr-Product {
    border-bottom: 1px solid #eee
}

.pr-Product.okra-style-on-init .pr-Product_Image {
    opacity: 0;
    transform: scale(1.03)
}

.pr-Product.okra-style-on-init .pr-Product_Main,
.pr-Product.okra-style-on-init .pr-Product_Sub {
    opacity: 0
}

.pr-Product.okra-style-on-scroll .pr-Product_Image {
    opacity: 1;
    transform: scale(1);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1) .4s, opacity 1.2s cubic-bezier(.165, .84, .44, 1) .4s
}

.pr-Product.okra-style-on-scroll .pr-Product_Main,
.pr-Product.okra-style-on-scroll .pr-Product_Sub {
    opacity: 1;
    transition: opacity 1.2s .8s
}

.pr-Product_Inner {
    display: flex;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 20px 60px
}

.pr-Product_Image {
    position: relative;
    width: 31.25%
}

.pr-Product_Image .okra-carousel-slide {
    box-sizing: border-box;
    padding: 0 1px
}

.pr-Product_Zoom {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    padding: 10px
}

.pr-Product_Main {
    padding: 0 30px 0 6.25%
}

.pr-Product_Main,
.pr-Product_Sub {
    box-sizing: border-box;
    width: 34.375%
}

.pr-Product_Sub {
    padding: 0 6.25% 0 8.59375%
}

.pr-Product_Label {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

.pr-Product_LabelNew {
    margin-right: 3.125%;
    font-weight: 700;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Product_LabelNew {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Product_LabelLimited {
    margin-right: 3.125%;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Product_LabelLimited {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Product_LabelTarget {
    display: flex
}

.pr-Product_LabelTarget:not(:first-child) {
    margin-left: 3.125%
}

.pr-Product_LabelMens {
    font-size: 1.1rem;
    color: #4194bf;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Product_LabelMens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Product_LabelWomens {
    font-size: 1.1rem;
    color: #e77085;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Product_LabelWomens {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Product_LabelPair {
    font-size: 1.1rem;
    color: #a89579;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

.pr-Product_LabelPair:before {
    display: inline-block;
    width: 1px;
    height: 8px;
    margin: 0 10px;
    background-color: #ddd;
    content: ""
}

html[lang^=zh] .pr-Product_LabelPair {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Product_Name {
    margin-bottom: 15px;
    font-size: 3rem;
    color: #161616;
    line-height: 1.2;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Product_Name {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Product_Collection {
    margin-bottom: 25px;
    font-size: 1.4rem
}

.pr-Product_Collection a {
    color: #161616
}

.pr-Product_Price {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.4rem
}

.pr-Product_Price div {
    display: inline;
    vertical-align: middle
}

.pr-Product_PriceCurrency {
    font-weight: 400;
    font-size: 1rem
}

.pr-Product_PriceCurrency:first-child {
    margin-right: 5px
}

.pr-Product_PriceCurrency:last-child {
    margin-left: 5px
}

.pr-Product_Release {
    font-size: 1rem;
    font-weight: 700
}

.pr-Product_Release div {
    display: inline
}

.pr-Product_Limited {
    margin-top: 30px
}

.pr-Product_LimitedNum {
    display: block;
    font-weight: 700;
    color: #a89579
}

.pr-Product_LimitedNum div {
    display: inline
}

.pr-Product_Buttons {
    position: relative;
    display: flex;
    margin-bottom: 40px
}

.pr-Product_Button:not(:last-child) {
    margin-right: 20px
}

.pr-Product_Button_favorite button {
    box-sizing: border-box;
    position: relative;
    display: flex;
    width: 100%;
    height: 0;
    align-items: center;
    justify-content: center;
    padding-bottom: 100%
}

.pr-Product_Button_favorite button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.pr-Product_Button_favorite .is-added .shape {
    fill: #a89579
}

.pr-Product_ButtonInner {
    box-sizing: border-box;
    width: 60px;
    min-width: 35px;
    border: 1px solid #e6e6e6;
    border-radius: 50%
}

.pr-Product_ButtonInner>a,
.pr-Product_ButtonInner>button {
    box-sizing: border-box;
    position: relative;
    display: flex;
    width: 100%;
    height: 0;
    align-items: center;
    justify-content: center;
    padding-bottom: 100%
}

.pr-Product_ButtonInner>a svg,
.pr-Product_ButtonInner>button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.pr-Product_ButtonText {
    width: 60px;
    min-width: 35px;
    margin-top: 5px;
    color: #204072;
    font-size: 1rem;
    font-weight: 700;
    text-align: center
}

.pr-Product_ButtonStore {
    box-sizing: border-box;
    position: relative;
    display: flex;
    width: 100%;
    height: 0;
    align-items: center;
    justify-content: center;
    padding-bottom: 100%
}

.pr-Product_ButtonStore svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.pr-Product_Share {
    opacity: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 60px;
    padding: 0 10px 0 15px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    pointer-events: none;
    transition: all .2s
}

.pr-Product_Share.is-show {
    opacity: 1;
    pointer-events: all
}

.pr-Product_ShareItems {
    display: flex;
    margin-right: auto
}

.pr-Product_ShareItem-facebook:not(:last-child),
.pr-Product_ShareItem-twitter:not(:last-child),
.pr-Product_ShareItem:not(:last-child) {
    margin-right: 10px
}

.pr-Product_ShareItem a,
.pr-Product_ShareItem-facebook a,
.pr-Product_ShareItem-twitter a {
    display: block;
    height: 16px;
    padding: 5px
}

.pr-Product_ShareItem img,
.pr-Product_ShareItem-facebook img,
.pr-Product_ShareItem-twitter img {
    width: 100%
}

.pr-Product_ShareItem-facebook a {
    width: 16px
}

.pr-Product_ShareItem-twitter a {
    width: 20px
}

.pr-Product_ShareClose {
    padding: 10px
}

.pr-Product_ShareCloseInner {
    position: relative;
    width: 10px;
    height: 10px
}

.pr-Product_ShareCloseInner:before {
    transform: rotate(45deg)
}

.pr-Product_ShareCloseInner:after,
.pr-Product_ShareCloseInner:before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 2px;
    background-color: #fff;
    content: ""
}

.pr-Product_ShareCloseInner:after {
    transform: rotate(-45deg)
}

.pr-Product_LinkList:not(:last-child) {
    margin-bottom: 40px
}

.pr-Product_LinkList li {
    font-size: 1.2rem
}

.pr-Product_LinkList li:not(:last-child) {
    margin-bottom: 15px
}

.pr-Product_LinkList a[target=_blank]:after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url(/assets/img/icon_blank_blue.svg) no-repeat;
    content: ""
}

.pr-Product_EcLink:not(:last-child) {
    margin-bottom: 20px
}

.pr-Product_EcLink a {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 220px;
    height: 50px;
    padding: 0 30px;
    border: 1px solid #e6e6e6;
    border-radius: 25px
}

.pr-Product_EcLink a[target=_blank]:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url(/assets/img/icon_blank_blue.svg) no-repeat;
    content: ""
}

.pr-Product_Modal {
    opacity: 0;
    position: relative;
    transition: opacity .3s ease;
    width: 100vw
}

.okra-modal-is-shown .pr-Product_Modal {
    opacity: 1
}

.pr-Product_ModalContainer {
    min-height: 100vh
}

.pr-Product_ModalClose {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 600;
    width: 47px;
    height: 46px;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none
}

.pr-Product_ModalClose img {
    height: 100%;
    width: 100%
}

.pr-Product_ModalSlide {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    transform: translate(-50%, -50%)
}

.pr-Product_ModalSlide img {
    height: auto;
    width: 100%
}

.pr-Product_ModalPrev {
    display: block;
    position: absolute;
    top: 50%;
    left: 25px;
    z-index: 600;
    width: 21px;
    height: 30px;
    cursor: pointer;
    transform: translateY(-50%)
}

.pr-Product_ModalPrev img {
    height: 100%;
    width: 100%
}

.pr-Product_ModalNext {
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    z-index: 600;
    width: 21px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    transform: translateY(-50%)
}

.pr-Product_ModalNext img {
    height: 100%;
    width: 100%
}

.pr-Product_Thumbnail {
    margin-top: 10%;
    padding: 0 30px
}

.pr-Product_Thumbnail .okra-carousel {
    position: relative
}

.pr-Product_Thumbnail_Wrapper {
    overflow: hidden
}

.pr-Product_Thumbnail_Items {
    display: flex;
    align-items: center;
    position: relative;
    left: 8.8235294%
}

.is-center .pr-Product_Thumbnail_Items {
    justify-content: center;
    left: 0
}

.pr-Product_Thumbnail_Item {
    box-sizing: border-box;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 11.7647059%;
    height: auto;
    margin: 2.9411765% 5.8823529% 2.9411765% 0;
    padding-bottom: 11.7647059%;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid #e6e6e6;
    opacity: 1;
    cursor: pointer
}

.pr-Product_Thumbnail_Item:last-child {
    margin-right: 0
}

.pr-Product_Thumbnail_Item:before {
    position: absolute;
    width: 100%;
    height: 0;
    content: ""
}

.pr-Product_Thumbnail_Item:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 solid #204072;
    box-sizing: border-box;
    content: ""
}

.pr-Product_Thumbnail_Item.is-current {
    border-radius: 0;
    border-color: #204072
}

.pr-Product_Thumbnail_Item.is-current:after {
    border-width: 1px
}

.pr-Product_Thumbnail_Inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pr-Product_Thumbnail_Inside {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.pr-Product_Thumbnail_Inside div {
    flex: 0 1 auto;
    height: 100%;
    text-align: center
}

.pr-Product_Thumbnail_Inside img {
    max-height: 100%;
    flex-shrink: 0
}

.pr-Product_Thumbnail_NextBtn {
    right: -30px;
    background: url(/assets/img/icon_arrow_right01.svg) 100% no-repeat;
    border-left: 1px solid #e6e6e6
}

.pr-Product_Thumbnail_NextBtn,
.pr-Product_Thumbnail_PrevBtn {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 30px;
    height: 100%;
    cursor: pointer;
    transform: translateY(-50%)
}

.pr-Product_Thumbnail_PrevBtn {
    left: -30px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 no-repeat;
    border-right: 1px solid #e6e6e6
}

.okra-modal-backdrop {
    background-color: #fff;
    opacity: 0 !important;
    transition: opacity .3s ease
}

.okra-modal-backdrop.okra-modal-is-shown {
    opacity: .9 !important
}

.pr-Products {
    position: relative;
    max-width: 840px;
    margin: 50px auto;
    padding: 0 20px
}

.pr-Products.okra-style-on-init {
    opacity: 0;
    position: relative;
    top: 20px
}

.pr-Products.okra-style-on-init .pr-Products_Item {
    opacity: 0;
    top: 20px
}

.pr-Products.okra-style-on-scroll,
.pr-Products.okra-style-on-scroll .pr-Products_Item {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Products.okra-style-on-scroll .pr-Products_Item:first-child {
    transition-delay: .8s, .8s
}

.pr-Products.okra-style-on-scroll .pr-Products_Item:nth-child(2) {
    transition-delay: 1s, 1s
}

.pr-Products.okra-style-on-scroll .pr-Products_Item:nth-child(3) {
    transition-delay: 1.2s, 1.2s
}

.pr-Products_Items {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition-property: transform
}

.pr-Products_Item {
    flex-shrink: 0;
    position: relative;
    width: 36.1904762%;
    height: 100%;
    margin-right: 4.7619048%
}

.pr-Products_Image {
    padding-bottom: 70px;
    border-bottom: 1px solid #eee;
    text-align: center
}

.pr-Products_Body {
    padding: 13.1578947%;
    border-bottom: 1px solid #eee;
    font-size: 1.2rem
}

.pr-Products_Body a:link {
    text-decoration: underline
}

.pr-Products_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Products_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Products_Body b,
.pr-Products_Body strong {
    font-weight: 700
}

.pr-Products_Body em,
.pr-Products_Body i {
    font-style: italic
}

.pr-Products_Prev {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: calc(18.21429% - 19px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s
}

.pr-Products_Prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -4px;
    background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
    content: ""
}

.pr-Products_Prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.pr-Products_Next {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: calc(18.21429% - 19px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    transition: all .2s
}

.pr-Products_Next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    margin: -4px 0 0 -2px;
    background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
    content: ""
}

.pr-Products_Next.is-disabled {
    opacity: 0;
    pointer-events: none
}

.pr-Table {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.pr-Table a:link {
    text-decoration: underline
}

.pr-Table a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Table a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Table b,
.pr-Table strong {
    font-weight: 700
}

.pr-Table em,
.pr-Table i {
    font-style: italic
}

.pr-Table.okra-style-on-init {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-Table.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Table_Inner {
    position: relative
}

.pr-Table_Inner:before {
    left: 0
}

.pr-Table_Inner:after,
.pr-Table_Inner:before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #eee;
    content: ""
}

.pr-Table_Inner:after {
    right: 0
}

.pr-Table_Inside:before {
    left: 0
}

.pr-Table_Inside:after,
.pr-Table_Inside:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
    content: ""
}

.pr-Table_Inside:after {
    right: 0
}

.pr-Table [okra-table-element-component] {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.pr-Table table {
    width: 100%;
    table-layout: fixed
}

.pr-Table td,
.pr-Table th {
    padding: 20px;
    border: 1px solid #eee;
    vertical-align: middle;
    font-size: 1.5rem;
    word-break: break-word
}

.pr-Table th {
    background-color: #fafafa
}

.pr-Table thead>tr th {
    background-color: #f3f8ff
}

.pr-Table thead>tr:last-child th {
    background-color: #fafafa
}

.pr-TechnologyColumn {
    margin: 40px 0 120px
}

.pr-TechnologyColumn+.pr-TechnologyColumn {
    margin-top: -120px
}

.pr-TechnologyColumn.okra-style-on-init .cmn-MediaUnit>div[okra-media-element-component] {
    height: 100%;
    opacity: 0;
    transform: scale(1.05)
}

.pr-TechnologyColumn.okra-style-on-init .cmn-NotesList,
.pr-TechnologyColumn.okra-style-on-init .cmn-NotesList-white,
.pr-TechnologyColumn.okra-style-on-init .pr-TechnologyColumn_Heading,
.pr-TechnologyColumn.okra-style-on-init .pr-TechnologyColumn_Text {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-TechnologyColumn.okra-style-on-scroll .cmn-MediaUnit>div[okra-media-element-component] {
    opacity: 1;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-TechnologyColumn.okra-style-on-scroll .pr-TechnologyColumn_Heading {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.pr-TechnologyColumn.okra-style-on-scroll .pr-TechnologyColumn_Text {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) .8s, opacity .8s .8s
}

.pr-TechnologyColumn.okra-style-on-scroll .cmn-NotesList,
.pr-TechnologyColumn.okra-style-on-scroll .cmn-NotesList-white {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s cubic-bezier(.165, .84, .44, 1) 1s
}

.pr-TechnologyColumn .cmn-NotesList,
.pr-TechnologyColumn .cmn-NotesList-white {
    width: 100%
}

.pr-TechnologyColumn_Inner {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.pr-TechnologyColumn_Inside {
    display: flex;
    width: 100%;
    min-height: 500px
}

.pr-TechnologyColumn_Media,
.pr-TechnologyColumn_Media-left,
.pr-TechnologyColumn_Media-right {
    overflow: hidden;
    position: relative;
    width: 50%
}

.pr-TechnologyColumn_Media-right {
    order: 1
}

.pr-TechnologyColumn_MediaInner {
    height: 100%
}

.pr-TechnologyColumn_MediaInner .okra-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pr-TechnologyColumn_MediaInner .okra-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: 100%;
    max-height: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.pr-TechnologyColumn_MediaInner .cmn-MediaUnit_Cover img {
    height: 100%
}

.pr-TechnologyColumn_MediaInner .okra-lazyload {
    position: absolute !important;
    display: block;
    width: 100%;
    height: 100%
}

.pr-TechnologyColumn_MediaInner .okra-lazyload img {
    height: auto !important
}

.pr-TechnologyColumn_Body {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 7.03125%
}

.pr-TechnologyColumn_Body a:link {
    text-decoration: underline
}

.pr-TechnologyColumn_Body a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-TechnologyColumn_Body a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-TechnologyColumn_Body b,
.pr-TechnologyColumn_Body strong {
    font-weight: 700
}

.pr-TechnologyColumn_Body em,
.pr-TechnologyColumn_Body i {
    font-style: italic
}

.pr-TechnologyColumn_Heading {
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-TechnologyColumn_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

div[news-post-child-component] .pr-TechnologyColumn_Heading {
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] div[news-post-child-component] .pr-TechnologyColumn_Heading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-TechnologyColumn_Heading:not(:last-child) {
    margin-bottom: 40px
}

.pr-TechnologyColumn_Text {
    font-size: 1.5rem
}

.pr-TechnologyColumn_Text:not(:last-child) {
    margin-bottom: 20px
}

.pr-Text {
    max-width: 840px;
    margin: 1em auto;
    padding: 0 20px;
    font-size: 1.5rem
}

.pr-Text a:link {
    text-decoration: underline
}

.pr-Text a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Text a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Text b,
.pr-Text strong {
    font-weight: 700
}

.pr-Text em,
.pr-Text i {
    font-style: italic
}

.pr-Text.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-Text.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Text div[id] {
    margin-top: -120px;
    padding-top: 120px
}

.pr-UnorderedList {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.pr-UnorderedList a:link {
    text-decoration: underline
}

.pr-UnorderedList a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-UnorderedList a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-UnorderedList b,
.pr-UnorderedList strong {
    font-weight: 700
}

.pr-UnorderedList em,
.pr-UnorderedList i {
    font-style: italic
}

.pr-UnorderedList.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-UnorderedList.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-UnorderedList ul {
    padding-left: 1.5em;
    list-style: disc
}

.pr-UnorderedList li {
    font-size: 1.5rem
}

.pr-UnstyledList {
    max-width: 840px;
    margin: 30px auto;
    padding: 0 20px
}

.pr-UnstyledList a:link {
    text-decoration: underline
}

.pr-UnstyledList a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-UnstyledList a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-UnstyledList b,
.pr-UnstyledList strong {
    font-weight: 700
}

.pr-UnstyledList em,
.pr-UnstyledList i {
    font-style: italic
}

.pr-UnstyledList.okra-style-on-init {
    position: relative;
    top: 20px;
    opacity: 0
}

.pr-UnstyledList.okra-style-on-scroll {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-UnstyledList li {
    font-size: 1.5rem
}

.def-Wrapper {
    margin-bottom: 120px
}

.faq-BackButton {
    margin-top: 80px;
    text-align: center
}

.faq-BackButton a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center
}

.faq-BackButton a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.faq-Wrapper {
    margin-bottom: 120px
}

.np-Functions {
    max-width: 840px;
    margin: 0 auto 70px;
    padding: 0 20px
}

.np-Functions_Inner {
    display: flex;
    padding-top: 40px;
    border-top: 1px solid #eee
}

.np-Functions_Print {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #204072
}

.np-Functions_PrintIcon {
    margin-right: 10px
}

.np-Functions_Share {
    display: flex;
    align-items: center;
    margin-left: auto;
    color: #aaa
}

.np-Functions_ShareItems {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.np-Functions_ShareItem:not(:last-child) {
    margin-right: 15px
}

.np-Functions_ShareItem a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 50%
}

.np-Header {
    margin-bottom: 70px;
    padding: 40px 0;
    border-bottom: 1px solid #eee
}

.np-Header_Inner {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px
}

.np-Header_Meta {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.np-Header_Date {
    margin-right: 18px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .np-Header_Date {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.np-Header_Categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.np-Header_Category,
.np-Header_Category-basel,
.np-Header_Category-important,
.np-Header_Category-press,
.np-Header_Category-story,
.np-Header_Category-topics {
    margin-right: 5px;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .np-Header_Category,
html[lang^=zh] .np-Header_Category-basel,
html[lang^=zh] .np-Header_Category-important,
html[lang^=zh] .np-Header_Category-press,
html[lang^=zh] .np-Header_Category-story,
html[lang^=zh] .np-Header_Category-topics {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.np-Header_Category-press {
    color: #a89579
}

.np-Header_Category-topics {
    color: #888
}

.np-Header_Category-basel {
    color: #5380b1
}

.np-Header_Category-story {
    color: #a685b1
}

.np-Header_Category-important {
    color: #e86963
}

.np-Header_Heading {
    margin-bottom: 20px;
    font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif;
    font-size: 2.6rem;
    color: #161616;
    font-weight: 400
}

html[lang^=zh] .np-Header_Heading {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.np-Header_Lead {
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: lighter;
    color: #161616
}

.np-Header_Signature {
    font-size: 1.4rem;
    text-align: right
}

.nc-Heading {
    margin-bottom: 40px;
    border-bottom: 1px solid #eee
}

.nc-Heading_Title {
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .nc-Heading_Title {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.nc-Links {
    display: flex;
    justify-content: center
}

.nc-Links_Link {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    line-height: 2
}

.nc-Links_Link:not(:last-child) {
    margin-right: 40px
}

.nc-Links_Link:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 50%/100% no-repeat;
    content: ""
}

.nc-Text {
    margin-bottom: 50px;
    padding: 40px 20px;
    border: 1px solid #eee;
    text-align: center
}

.nc-Text p {
    display: inline-block;
    font-size: 1.5rem;
    text-align: left
}

.nc-Wrapper {
    max-width: 840px;
    margin: 70px auto 120px;
    padding: 0 20px
}

.onl-Agreement {
    box-sizing: border-box;
    overflow: auto;
    max-height: 380px;
    margin-bottom: 30px;
    padding: 40px;
    border: 1px solid #eee
}

.onl-Agreement_Heading {
    margin-bottom: 20px;
    font-size: 1.4rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .onl-Agreement_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.onl-Agreement_Text {
    font-size: 1.4rem
}

.onl-Agreement_Text:not(:last-child) {
    margin-bottom: 20px
}

.onl-Agreement_Ul {
    padding-left: 1.5em;
    list-style: disc
}

.onl-Agreement_Ul:not(:last-child) {
    margin-bottom: 20px
}

.onl-Agreement_Ul>li {
    font-size: 1.4rem
}

.onl-Button {
    max-width: 840px;
    margin: 30px auto 0;
    padding: 0 20px;
    text-align: center
}

.onl-Button:not(:last-child) {
    margin-bottom: 50px
}

.onl-Button a {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    min-width: 290px;
    padding: 19px 40px 18px;
    background-color: #13294b;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    font-size: 1.4rem;
    text-align: center;
    color: #fff
}

.onl-Button a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 10px;
    margin-top: -4px;
    background: url(/assets/img/icon_arrow_right02.svg) 0 0/100% no-repeat;
    content: ""
}

.onl-Button a.is-disabled {
    opacity: .6;
    pointer-events: none
}

.onl-Checkbox {
    text-align: center
}

.onl-Checkbox input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

.onl-Checkbox_Label {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.onl-Checkbox_Label:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #e6e6e6;
    vertical-align: middle;
    content: "";
    transition: background .2s, border .2s
}

input[type=checkbox]:checked+.onl-Checkbox_Label:before {
    background-color: #204072;
    border-color: #204072
}

.onl-Checkbox_Icon {
    box-sizing: border-box;
    position: absolute;
    top: calc(50% - 6px);
    left: 12px;
    width: 10px;
    height: 7px;
    transform: rotate(-45deg)
}

.onl-Checkbox_Icon:before {
    top: 0;
    width: 2px;
    height: 0;
    transition: height .1s cubic-bezier(.23, 1, .32, 1) .1s
}

.onl-Checkbox_Icon:after,
.onl-Checkbox_Icon:before {
    position: absolute;
    left: 0;
    background-color: #fff;
    content: ""
}

.onl-Checkbox_Icon:after {
    bottom: 0;
    width: 0;
    height: 2px;
    transition: width .1s cubic-bezier(.755, .05, .855, .06)
}

input[type=checkbox]:checked+label .onl-Checkbox_Icon:before {
    height: 100%;
    transition: height .1s cubic-bezier(.755, .05, .855, .06) .1s
}

input[type=checkbox]:checked+label .onl-Checkbox_Icon:after {
    width: 100%;
    transition: width .1s cubic-bezier(.23, 1, .32, 1) .2s
}

.onl-Checkbox_Text {
    flex: 1
}

.onl-Heading {
    margin: 70px auto 40px;
    font-size: 2rem;
    font-weight: 700;
    color: #161616;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .onl-Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.onl-Lead {
    margin-bottom: 50px;
    font-size: 1.5rem
}

.onl-Section {
    max-width: 840px;
    margin: 0 auto 70px;
    padding: 0 20px 70px;
    border-bottom: 1px solid #eee
}

.onl-TargetBrand {
    margin: 50px auto 30px;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .onl-TargetBrand {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.onl-TargetBrandLogos {
    margin: 30px auto
}

.op-News {
    margin-bottom: 120px
}

.op-News_Inner {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.op-News_Container {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto
}

.op-News_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .op-News_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.is-lukia .op-News_Heading {
    color: #b72841
}

.op-News .blk-PostList_Prev {
    left: 10px
}

.op-News .blk-PostList_Next {
    right: 10px
}

.pr-Recommended {
    margin-bottom: 120px
}

.pr-Recommended.okra-style-on-init .pr-Recommended_Heading {
    opacity: 0
}

.pr-Recommended.okra-style-on-init .blk-PostList_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-Recommended.okra-style-on-init .blk-PostList_Next,
.pr-Recommended.okra-style-on-init .blk-PostList_Pagination {
    opacity: 0
}

.pr-Recommended.okra-style-on-scroll .pr-Recommended_Heading {
    opacity: 1;
    transition: opacity .8s
}

.pr-Recommended.okra-style-on-scroll .blk-PostList_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Recommended.okra-style-on-scroll .blk-PostList_Item:nth-child(2) {
    transition-delay: .2s
}

.pr-Recommended.okra-style-on-scroll .blk-PostList_Item:nth-child(3) {
    transition-delay: .4s
}

.pr-Recommended.okra-style-on-scroll .blk-PostList_Item:nth-child(4) {
    transition-delay: .6s
}

.pr-Recommended.okra-style-on-scroll .blk-PostList_Next:not(.is-disabled),
.pr-Recommended.okra-style-on-scroll .blk-PostList_Pagination {
    opacity: 1;
    transition: opacity .8s
}

.pr-Recommended_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.pr-Recommended_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Recommended_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Spec.okra-style-on-init .pr-Spec_Heading {
    opacity: 0;
    position: relative;
    top: 40px
}

.pr-Spec.okra-style-on-init .pr-Spec_Icons {
    opacity: 0;
    position: relative;
    top: 20px
}

.pr-Spec.okra-style-on-init .pr-Spec_GroupInner,
.pr-Spec.okra-style-on-init .pr-Spec_HeadingLv1 {
    opacity: 0;
    position: relative;
    left: 20px
}

.pr-Spec.okra-style-on-scroll .pr-Spec_Heading {
    opacity: 1;
    top: 0;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Spec.okra-style-on-scroll .pr-Spec_Icons {
    opacity: 1;
    top: 0;
    transition: left .8s cubic-bezier(.165, .84, .44, 1) .6s, opacity .8s .6s
}

.pr-Spec.okra-style-on-scroll .pr-Spec_HeadingLv1 {
    opacity: 1;
    left: 0;
    transition: left .8s cubic-bezier(.165, .84, .44, 1) 1s, opacity .8s 1s
}

.pr-Spec.okra-style-on-scroll .pr-Spec_GroupInner {
    opacity: 1;
    left: 0;
    transition: left .8s cubic-bezier(.165, .84, .44, 1) 1.4s, opacity .8s 1.4s
}

.pr-Spec_Heading {
    margin: 30px 0 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Spec_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.pr-Spec_Inner {
    margin-bottom: 120px
}

.pr-Spec_Inner a:link {
    text-decoration: underline
}

.pr-Spec_Inner a[href*=".pdf"]:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 12px;
    height: 14px;
    margin: 0 8px;
    background: url(/assets/img/icon_pdf.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Spec_Inner a.is-fragmentLink:not([href*=".pdf"]):after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: url(/assets/img/icon_anchor.svg) no-repeat;
    vertical-align: middle;
    content: ""
}

.pr-Spec_Inner b,
.pr-Spec_Inner strong {
    font-weight: 700
}

.pr-Spec_Inner em,
.pr-Spec_Inner i {
    font-style: italic
}

.pr-Spec_Inside {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.pr-Spec_HeadingLv1 {
    margin-bottom: 30px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #161616
}

.pr-Spec_HeadingLv2 {
    margin-bottom: 8px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #161616
}

.pr-Spec_Icons {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
    padding: 0 50px
}

.pr-Spec_Icon {
    position: relative;
    margin: 0 10px;
    cursor: pointer
}

.pr-Spec_IconTooltip {
    opacity: 0;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    bottom: 110%;
    width: 250px;
    margin-left: -125px;
    text-align: center;
    pointer-events: none;
    transition: opacity .2s
}

.pr-Spec_IconTooltip.is-shown {
    opacity: 1;
    pointer-events: all
}

.pr-Spec_IconTooltipText {
    display: inline-block;
    padding: 5px 10px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    word-break: break-all
}

.pr-Spec_Groups {
    display: flex
}

.pr-Spec_Group {
    flex: 1;
    padding: 3.125%;
    border-left: 1px solid #eee
}

.pr-Spec_Group:last-child {
    border-right: 1px solid #eee
}

.pr-Spec_GroupInside>li {
    position: relative;
    padding-left: 1em;
    font-size: 1.2rem
}

.pr-Spec_GroupInside>li:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    margin-right: .5em;
    content: "-"
}

.pr-Spec_Item:not(:last-child) {
    margin-bottom: 20px
}

.pr-Spec_Text {
    font-size: 1.2rem
}

.pr-Spec_Text div {
    display: inline
}

.pr-Spec_ListItem>div {
    position: relative;
    padding-left: 1em;
    font-size: 1.2rem
}

.pr-Spec_ListItem>div:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    margin-right: .5em;
    content: "-"
}

.pr-Support {
    display: flex;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.pr-Support.okra-style-on-init .pr-Support_Item,
.pr-Support.okra-style-on-init .pr-Support_Item-contact,
.pr-Support.okra-style-on-init .pr-Support_Item-download,
.pr-Support.okra-style-on-init .pr-Support_Item-repair {
    opacity: 0
}

.pr-Support.okra-style-on-scroll .pr-Support_Item,
.pr-Support.okra-style-on-scroll .pr-Support_Item-contact,
.pr-Support.okra-style-on-scroll .pr-Support_Item-download,
.pr-Support.okra-style-on-scroll .pr-Support_Item-repair {
    opacity: 1;
    transition: opacity .8s
}

.pr-Support_Item,
.pr-Support_Item-contact,
.pr-Support_Item-download,
.pr-Support_Item-repair {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 43px 40px 42px 70px;
    font-size: 1.5rem
}

.pr-Support_Item-contact:not(:last-child),
.pr-Support_Item-download:not(:last-child),
.pr-Support_Item-repair:not(:last-child),
.pr-Support_Item:not(:last-child) {
    border-right: 1px solid #eee
}

.pr-Support_Item-contact:before,
.pr-Support_Item-download:before,
.pr-Support_Item-repair:before,
.pr-Support_Item:before {
    position: absolute;
    top: 50%;
    left: 40px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: ""
}

.pr-Support_Item-download:before {
    background: url(/assets/img/icon_download.svg) 50% no-repeat
}

.pr-Support_Item-contact:before {
    background: url(/assets/img/icon_contact.svg) 50% no-repeat
}

.pr-Support_Item-repair:before {
    background: url(/assets/img/icon_repair.svg) 50% no-repeat
}

.pr-Variations {
    margin-bottom: 120px
}

.pr-Variations.okra-style-on-init .pr-Variations_Heading {
    opacity: 0
}

.pr-Variations.okra-style-on-init .blk-ProductList_Item {
    position: relative;
    top: 40px;
    opacity: 0
}

.pr-Variations.okra-style-on-init .blk-ProductList_Next,
.pr-Variations.okra-style-on-init .blk-ProductList_Pagination {
    opacity: 0
}

.pr-Variations.okra-style-on-scroll .pr-Variations_Heading {
    opacity: 1;
    transition: opacity .8s
}

.pr-Variations.okra-style-on-scroll .blk-ProductList_Item {
    top: 0;
    opacity: 1;
    transition: top .8s cubic-bezier(.165, .84, .44, 1), opacity .8s
}

.pr-Variations.okra-style-on-scroll .blk-ProductList_Item:nth-child(2) {
    transition-delay: .2s
}

.pr-Variations.okra-style-on-scroll .blk-ProductList_Item:nth-child(3) {
    transition-delay: .4s
}

.pr-Variations.okra-style-on-scroll .blk-ProductList_Item:nth-child(4) {
    transition-delay: .6s
}

.pr-Variations.okra-style-on-scroll .blk-ProductList_Next:not(.is-disabled),
.pr-Variations.okra-style-on-scroll .blk-ProductList_Pagination {
    opacity: 1;
    transition: opacity .8s
}

.pr-Variations_Inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
}

.pr-Variations_Heading {
    margin-bottom: 70px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #161616;
    text-align: center;
    font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
}

html[lang^=zh] .pr-Variations_Heading {
    font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

@media only screen and (max-width:768px) {
    .blk-Breadcrumb_Inner {
        padding: 0
    }

    .blk-Breadcrumb_Items {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .blk-Breadcrumb_Item {
        white-space: nowrap
    }

    .blk-Breadcrumb_Item:first-child {
        padding-left: 20px
    }

    .blk-Breadcrumb_Item:last-child {
        padding-right: 20px
    }

    .blk-Disclaimer_Text {
        margin-right: 20px
    }

    .blk-Disclaimer_Close {
        height: 40px
    }

    .blk-Dropdown {
        display: none
    }

    .blk-Footer_Top {
        padding: 0;
        border-bottom: none
    }

    .blk-Footer_Nav {
        padding: 0
    }

    .blk-Footer_NavItems {
        flex-wrap: wrap
    }

    .blk-Footer_NavItem {
        box-sizing: border-box;
        flex: auto;
        width: 50%;
        border-bottom: 1px solid #383838
    }

    .blk-Footer_NavItem:nth-child(odd) {
        border-right: 1px solid #383838
    }

    .blk-Footer_NavItem:before {
        content: none
    }

    .blk-Footer_Bottom {
        flex-direction: column;
        height: auto;
        padding: 40px 20px
    }

    .blk-Footer_BottomItem:first-child {
        flex: 0 1 auto;
        width: 100%;
        margin-bottom: 40px;
        padding-right: 0
    }

    .blk-Footer_BottomItem:nth-child(2) {
        order: 2
    }

    .blk-Footer_BottomItem:nth-child(3) {
        flex: 0 1 auto;
        justify-content: space-between;
        margin-bottom: 40px;
        padding-left: 0
    }

    .blk-Footer_Language {
        width: 100%
    }

    .blk-Gnav_Inner {
        padding: 0
    }

    .blk-Gnav_Search {
        margin: 30px 20px
    }

    .blk-Gnav_Menu {
        display: block;
        margin-bottom: 0
    }

    .blk-Gnav_MenuItem {
        width: 100%;
        margin-bottom: 0;
        padding: 0;
        border-top: 1px solid #eee;
        border-left: none
    }

    .blk-Gnav_MenuItem:nth-child(4n) {
        border-right: none
    }

    .blk-Gnav_ContentHeading:not(:last-child) {
        margin-bottom: 0
    }

    .blk-Gnav_ContentHeading a,
    .blk-Gnav_ContentHeading button {
        position: relative;
        display: block;
        width: 100%;
        padding: 24px 20px;
        text-align: left
    }

    .blk-Gnav_ContentHeading a:before,
    .blk-Gnav_ContentHeading button:before {
        position: absolute;
        top: calc(50% - 1px);
        right: 20px;
        width: 10px;
        height: 2px;
        background-color: #204072;
        content: ""
    }

    .blk-Gnav_ContentHeading a:after,
    .blk-Gnav_ContentHeading button:after {
        position: absolute;
        top: calc(50% - 5px);
        right: 24px;
        width: 2px;
        height: 10px;
        background-color: #204072;
        content: "";
        transition: all .2s
    }

    .blk-Gnav_ContentHeading a.is-open:after,
    .blk-Gnav_ContentHeading button.is-open:after {
        top: 50%;
        height: 0
    }

    .blk-Gnav_ContentItems {
        overflow: hidden;
        display: none;
        margin-top: 0;
        padding: 0 20px
    }

    .blk-Gnav_ContentItems.is-open {
        display: block
    }

    .blk-Gnav_ContentItem {
        border-top: 1px solid #eee
    }

    .blk-Gnav_ContentItem:not(:last-child) {
        margin-bottom: 0
    }

    .blk-Gnav_ContentItem a {
        position: relative;
        display: block;
        padding: 14px 0
    }

    .blk-Gnav_ContentItem a:after {
        position: absolute;
        top: calc(50% - 3px);
        right: 0;
        width: 7px;
        height: 10px;
        background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .blk-Gnav_Link:not(:last-child) {
        margin-bottom: 0;
        border-bottom: 1px solid #eee
    }

    .blk-Gnav_Link a {
        position: relative;
        display: block;
        padding: 24px 20px
    }

    .blk-Gnav_Link a>img {
        position: absolute;
        top: calc(50% - 3px);
        right: 20px;
        width: 7px;
        height: 10px
    }

    .blk-Gnav_SocialHeading {
        display: none
    }

    .blk-Gnav_SocialItems {
        display: flex
    }

    .blk-Gnav_SocialItem {
        flex: 1
    }

    .blk-Gnav_SocialItem:not(:last-child) {
        margin-bottom: 0;
        border-right: 1px solid #eee
    }

    .blk-Gnav_SocialItem a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70px;
        color: transparent
    }

    .blk-Gnav_SocialItem a>img {
        display: none
    }

    .blk-Gnav_SocialItem_Facebook {
        background: url(/assets/img/icon_facebook_black.svg) 50%/16px no-repeat
    }

    .blk-Gnav_SocialItem_Twitter {
        background: url(/assets/img/icon_twitter_black.svg) 50%/20px 16px no-repeat
    }

    .blk-Gnav_SocialItem_Instagram {
        background: url(/assets/img/icon_instagram_black.svg) 50%/16px no-repeat
    }

    .blk-Gnav_SocialItem_YouTube {
        background: url(/assets/img/icon_youtube_black.svg) 50%/16px no-repeat
    }

    .blk-Gnav_Language {
        padding: 23px 20px 30px
    }

    .blk-Gnav_LanguageHeading {
        margin-bottom: 23px
    }

    .blk-Gnav_Bottom {
        margin-bottom: 14vh;
        padding: 0
    }

    .blk-Gnav_Bottom>button {
        display: block;
        width: 100%;
        padding: 22px 0;
        text-align: center
    }

    .blk-Header {
        border-bottom: none
    }

    .blk-Header_Nav {
        display: none
    }

    .blk-LocalHeader_Nav {
        opacity: 0;
        overflow-y: auto;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 2;
        width: 100%;
        max-height: calc(100vh - 110px);
        border-top: 1px solid #383838;
        background-color: #161616;
        pointer-events: none;
        -webkit-overflow-scrolling: touch
    }

    .is-shown .blk-LocalHeader_Nav {
        opacity: 1;
        pointer-events: all;
        transition: opacity .2s
    }

    .is-hidden .blk-LocalHeader_Nav {
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s
    }

    .blk-LocalHeader_Items {
        display: block;
        padding: 0 20px
    }

    .blk-LocalHeader_Item:not(:last-child) {
        margin-right: 0;
        border-bottom: 1px solid #383838
    }

    .blk-LocalHeader_Item>a {
        display: flex;
        align-items: center;
        padding: 13px 0;
        font-size: 1.2rem
    }

    .blk-LocalHeader_Item>a>img {
        display: block;
        margin-left: auto;
        width: 6px;
        height: 10px
    }

    .blk-LocalHeader_SeriesHeading>a {
        display: flex;
        align-items: center;
        padding: 13px 0;
        font-size: 1.2rem
    }

    .blk-LocalHeader_SeriesHeading>a:after {
        display: block;
        margin-left: auto;
        width: 6px;
        height: 10px;
        background: url(/assets/img/icon_arrow_right02.svg) 0 0/100% no-repeat;
        content: ""
    }

    .blk-LocalHeader_SeriesHeading>span {
        position: relative;
        display: block;
        padding: 13px 0;
        font-size: 1.2rem
    }

    .blk-LocalHeader_SeriesHeading>span:before {
        position: absolute;
        top: calc(50% - 1px);
        right: 0;
        width: 10px;
        height: 2px;
        background-color: #fff;
        content: ""
    }

    .blk-LocalHeader_SeriesHeading>span:after {
        position: absolute;
        top: calc(50% - 5px);
        right: 4px;
        width: 2px;
        height: 10px;
        background-color: #fff;
        content: "";
        transition: all .2s
    }

    .is-opened .blk-LocalHeader_SeriesHeading>span:after {
        top: 50%;
        height: 0
    }

    .blk-LocalHeader_SeriesContainer {
        overflow: hidden;
        height: 0;
        transition: height .4s cubic-bezier(.215, .61, .355, 1)
    }

    .blk-LocalHeader_SeriesItems {
        display: block;
        margin: 20px 0
    }

    .blk-LocalHeader_SeriesItem>a {
        display: flex;
        align-items: center;
        padding: 10px 0;
        font-size: 1rem
    }

    .blk-LocalHeader_SeriesItem>a>img {
        display: block;
        margin-left: auto;
        width: 6px;
        height: 10px
    }

    .blk-LocalHeader_Trigger {
        position: relative;
        display: block;
        width: 50px;
        height: 50px;
        margin-right: -20px
    }

    .blk-LocalHeader_Trigger:before {
        top: 22px
    }

    .blk-LocalHeader_Trigger:after,
    .blk-LocalHeader_Trigger:before {
        position: absolute;
        left: 20px;
        width: 11px;
        height: 2px;
        background-color: #fff;
        content: ""
    }

    .blk-LocalHeader_Trigger:after {
        top: 27px
    }

    .is-shown .blk-LocalHeader_Trigger:before {
        top: 25px;
        transform: rotate(45deg)
    }

    .is-shown .blk-LocalHeader_Trigger:after {
        top: 25px;
        transform: rotate(-45deg)
    }

    .blk-LocalHeader_Close {
        display: block;
        width: 100%;
        height: 72px;
        border-top: 1px solid #383838;
        font-size: 1.3rem;
        color: #fff;
        text-align: center;
        font-family: Montserrat, Noto Sans, Noto Sans JP, Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, メイリオ, sans-serif
    }

    html[lang^=zh] .blk-LocalHeader_Close {
        font-family: Montserrat, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
    }

    .blk-LocalHeader_Close:before {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 10px;
        background: url(/assets/img/icon_close_white.svg) 0 0/100% no-repeat;
        content: ""
    }

    .blk-PostList_Items {
        margin-left: 5.3333333%
    }

    .blk-PostList_Item {
        flex-shrink: 0;
        width: 58.935%
    }

    .blk-PostList_Item:not(:last-child) {
        margin-right: 5.3333333%
    }

    .blk-PostList_Prev {
        left: 8px
    }

    .blk-PostList_Next {
        right: 8px
    }

    .blk-PostList_Pagination-item {
        width: 12px;
        height: 12px
    }

    .blk-PostList_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .blk-ProductList_Items {
        margin-left: 20px;
        padding-right: 0
    }

    .blk-ProductList_Item {
        width: 62.934%
    }

    .blk-ProductList_Item>a {
        padding: 0 20px 40px
    }

    .blk-ProductList_Label {
        margin-bottom: 25px
    }

    .blk-ProductList_Image,
    .blk-ProductList_PriceCurrency {
        text-align: center
    }

    .blk-ProductList_Prev {
        left: 8px
    }

    .blk-ProductList_Next {
        right: 8px
    }

    .blk-ProductList_Pagination-item {
        width: 12px;
        height: 12px
    }

    .blk-ProductList_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .blk-RelatedLink {
        margin: 35px auto
    }

    .blk-UnderlayerHeading {
        margin-bottom: 35px
    }

    .blk-UnderlayerHeading_Inner {
        padding: 20px
    }

    .bq-Index_Links {
        display: block;
        margin-bottom: 60px
    }

    .bq-Index_Links>li {
        padding: 0;
        border-right: none;
        border-bottom: 1px solid #e6e6e6
    }

    .bq-Index_Links>li:first-child {
        border-top: 1px solid #e6e6e6
    }

    .bq-Index_Links>li a {
        position: relative;
        width: 100%;
        padding: 15px 0;
        text-align: left
    }

    .bq-Index_Links>li a:after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 7px;
        height: 10px;
        margin-top: -4px;
        background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .bd-Features,
    .bq-Wrapper {
        margin-bottom: 60px
    }

    .bd-Features_Heading {
        margin-bottom: 40px
    }

    .bd-Features_Media {
        position: relative;
        height: auto;
        padding-bottom: 62.5%
    }

    .bd-Features_Media img {
        height: 132.3529412%
    }

    .bd-Features_Body {
        margin: 0;
        padding: 0;
        min-width: 100%
    }

    .bd-Features_Inner {
        padding: 40px 20px 0;
        box-shadow: none
    }

    .bd-Features_InnerHeading {
        margin-bottom: 20px
    }

    .bd-Features_Button {
        position: relative;
        left: 0;
        text-align: center;
        transform: none
    }

    .bd-Features_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .bd-ImportantNews {
        margin-bottom: 60px
    }

    .bd-ImportantNews_Box {
        display: block
    }

    .bd-ImportantNews_Heading {
        margin: 0 0 10px
    }

    .bd-Lead {
        margin: 0 auto 60px
    }

    .bd-Lead br {
        display: none
    }

    .bd-Lineup {
        margin-bottom: 60px
    }

    .bd-Lineup_Inner {
        padding: 0
    }

    .bd-Lineup_Heading {
        margin-bottom: 40px
    }

    .bd-Lineup .blk-ProductList_Prev {
        top: 50%;
        left: 8px;
        margin-top: -12px
    }

    .bd-Lineup .blk-ProductList_Next {
        top: 50%;
        right: 8px;
        margin-top: -12px
    }

    .bd-Lineup_Button {
        margin-top: 40px
    }

    .bd-Lineup_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .bd-MainVisual_Container {
        height: 0;
        padding-bottom: 100%
    }

    .bd-MainVisual_Media {
        position: static
    }

    .bd-MainVisual_Media img {
        width: 100%
    }

    .bd-MainVisual_Prev {
        left: 15px
    }

    .bd-MainVisual_Next,
    .bd-MainVisual_Prev {
        width: 24px;
        height: 24px;
        margin-top: 48.125%
    }

    .bd-MainVisual_Next {
        right: 15px
    }

    .bd-MainVisual_Pagination-item {
        width: 12px;
        height: 12px
    }

    .bd-MainVisual_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .bd-News {
        margin-bottom: 60px
    }

    .bd-News_Inner {
        padding: 0
    }

    .bd-News_Heading {
        margin-bottom: 40px
    }

    .bd-News .blk-PostList_Prev {
        top: 50%;
        left: 8px;
        margin-top: -12px
    }

    .bd-News .blk-PostList_Next {
        top: 50%;
        right: 8px;
        margin-top: -12px
    }

    .bd-Recommended {
        margin-bottom: 60px
    }

    .bd-Recommended_Inner {
        padding: 0
    }

    .bd-Recommended_Heading {
        margin-bottom: 40px
    }

    .bd-Series {
        margin-bottom: 60px
    }

    .bd-Series_Inner {
        padding: 0
    }

    .bd-Series_Heading {
        margin-bottom: 40px
    }

    .bd-Series_Items {
        display: block
    }

    .bd-Series_Items:not(:last-child) {
        margin-bottom: 0
    }

    .bd-Series_FullItem,
    .bd-Series_FullItem-left,
    .bd-Series_FullItem-right,
    .bd-Series_HalfItem,
    .bd-Series_HalfItem-left,
    .bd-Series_HalfItem-right {
        width: 100%;
        margin: 0 0 60px
    }

    .bd-Series_HalfItem-left {
        margin-left: 0
    }

    .bd-Series_HalfItem-right {
        margin-right: 0
    }

    .bd-Series_Item {
        width: 100%;
        margin: 0 0 60px
    }

    .bd-Series_Item:not(:nth-child(-n+3)) {
        margin-top: 0
    }

    .bd-Series_Media {
        margin-bottom: 0;
        text-align: center
    }

    .bd-Series_FullItem .bd-Series_Media,
    .bd-Series_FullItem-left .bd-Series_Media,
    .bd-Series_FullItem-right .bd-Series_Media,
    .bd-Series_HalfItem .bd-Series_Media,
    .bd-Series_HalfItem-left .bd-Series_Media,
    .bd-Series_HalfItem-right .bd-Series_Media {
        position: relative;
        padding-bottom: 62.5%
    }

    .bd-Series_FullItem .bd-Series_Media,
    .bd-Series_FullItem-left .bd-Series_Media,
    .bd-Series_FullItem-right .bd-Series_Media {
        width: 200%
    }

    .bd-Series_FullItem .bd-Series_Media img,
    .bd-Series_FullItem-left .bd-Series_Media img,
    .bd-Series_FullItem-right .bd-Series_Media img,
    .bd-Series_HalfItem .bd-Series_Media img,
    .bd-Series_HalfItem-left .bd-Series_Media img,
    .bd-Series_HalfItem-right .bd-Series_Media img {
        height: 225%
    }

    .bd-Series_FullItem-right .bd-Series_Media img {
        left: 0
    }

    .bd-Series_ItemInner {
        padding: 0 20px
    }

    .bd-Series_Body {
        padding: 40px 0 0
    }

    .bd-Series_FullItem .bd-Series_Body,
    .bd-Series_FullItem-left .bd-Series_Body,
    .bd-Series_FullItem-right .bd-Series_Body,
    .bd-Series_HalfItem .bd-Series_Body,
    .bd-Series_HalfItem-left .bd-Series_Body,
    .bd-Series_HalfItem-right .bd-Series_Body {
        width: 100%;
        height: auto;
        padding: 40px 0 0
    }

    .bd-Series_Inside {
        width: 100%;
        max-width: 100%
    }

    .bd-Series_ItemHeading,
    .bd-Series_ItemHeading-white {
        margin-bottom: 20px
    }

    .bd-Series_ItemHeading-white {
        color: #161616
    }

    .bd-Series_Text-white {
        color: #333
    }

    .bd-Series_FullItem .bd-Series_Link,
    .bd-Series_FullItem-left .bd-Series_Link,
    .bd-Series_FullItem-right .bd-Series_Link,
    .bd-Series_HalfItem .bd-Series_Link,
    .bd-Series_HalfItem-left .bd-Series_Link,
    .bd-Series_HalfItem-right .bd-Series_Link {
        position: relative;
        left: 0;
        text-align: center;
        transform: none
    }

    .bd-Series_FullItem .bd-Series_Link a,
    .bd-Series_FullItem-left .bd-Series_Link a,
    .bd-Series_FullItem-right .bd-Series_Link a,
    .bd-Series_HalfItem .bd-Series_Link a,
    .bd-Series_HalfItem-left .bd-Series_Link a,
    .bd-Series_HalfItem-right .bd-Series_Link a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px;
        background-color: #13294b;
        color: #fff
    }

    .bd-Series_FullItem .bd-Series_Link a:after,
    .bd-Series_FullItem-left .bd-Series_Link a:after,
    .bd-Series_FullItem-right .bd-Series_Link a:after,
    .bd-Series_HalfItem .bd-Series_Link a:after,
    .bd-Series_HalfItem-left .bd-Series_Link a:after,
    .bd-Series_HalfItem-right .bd-Series_Link a:after {
        background: url(/assets/img/icon_arrow_right02.svg) 50% no-repeat
    }

    .bd-SpecialPage {
        margin-bottom: 60px
    }

    .bd-SpecialPage_Inner {
        padding: 0
    }

    .bd-SpecialPage_Heading {
        margin-bottom: 40px
    }

    .bd-SpecialPage_Button {
        margin-top: 40px
    }

    .bd-SpecialPage_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .bd-Story {
        margin-bottom: 60px
    }

    .bd-Story_Heading {
        margin-bottom: 40px
    }

    .bd-Story_Media {
        height: auto
    }

    .bd-Story_Media img {
        height: 132.3529412%
    }

    .bd-Story_MediaInner {
        position: relative;
        height: auto;
        padding-bottom: 62.5%
    }

    .bd-Story_Body {
        margin: 0;
        padding: 0;
        min-width: 100%
    }

    .bd-Story_Inner {
        padding: 40px 20px 0;
        box-shadow: none
    }

    .bd-Story_InnerHeading {
        margin-bottom: 20px
    }

    .bd-Story_Button {
        position: relative;
        left: 0;
        text-align: center;
        transform: none
    }

    .bd-Story_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .cr-List {
        padding: 35px 20px 0
    }

    .cr-List:last-child {
        margin-bottom: 60px
    }

    .cr-List_Items {
        display: block;
        margin: 0 0 35px
    }

    .cr-List_Item {
        width: 100%;
        margin: 20px 0 0
    }

    .cr-MainVisual_Inner {
        height: auto;
        padding: 40px 20px
    }

    .clg-Heading {
        margin-bottom: 25px
    }

    .clg-List {
        margin-bottom: 35px
    }

    .clg-List_Items {
        margin-top: -25px
    }

    .clg-List_Item {
        width: 50%;
        margin-top: 25px
    }

    .clg-List_Item:nth-child(2n) {
        border-right: 1px solid #eee
    }

    .clg-Wrapper {
        margin: 35px 0 60px
    }

    .ct-GlobalIndex,
    .ct-GlobalIndex_Image {
        margin-bottom: 35px
    }

    .ct-GlobalIndex_Regions {
        display: block;
        margin-top: 35px
    }

    .ct-GlobalIndex_Regions>li {
        padding: 0;
        border-right: none;
        border-bottom: 1px solid #e6e6e6
    }

    .ct-GlobalIndex_Regions>li:first-child {
        border-top: 1px solid #e6e6e6
    }

    .ct-GlobalIndex_RegionName {
        position: relative;
        width: 100%;
        padding: 23px 0;
        text-align: left
    }

    .ct-GlobalIndex_RegionName:before {
        position: absolute;
        top: calc(50% - 1px);
        right: 0;
        width: 10px;
        height: 2px;
        background-color: #204072;
        content: ""
    }

    .ct-GlobalIndex_RegionName:after {
        position: absolute;
        top: calc(50% - 5px);
        right: 4px;
        width: 2px;
        height: 10px;
        background-color: #204072;
        content: "";
        transition: all .2s
    }

    .ct-GlobalIndex_RegionName.is-shown:after {
        top: 50%;
        height: 0
    }

    .ct-GlobalIndex_Countries {
        padding-top: 0;
        border-top: none
    }

    .ct-GlobalIndex_CountriesInner {
        display: block;
        margin: 0
    }

    .ct-GlobalIndex_CountriesInner a {
        position: relative;
        display: block;
        padding: 14px 0
    }

    .ct-GlobalIndex_CountriesInner a:after {
        position: absolute;
        top: calc(50% - 3px);
        right: 0;
        width: 7px;
        height: 10px;
        background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .ct-GlobalIndex_CountriesInner>li {
        margin-top: 0;
        padding: 0;
        border-top: 1px solid #e6e6e6;
        border-right: none
    }

    .ct-GlobalTop {
        margin: 60px auto
    }

    .ct-Heading {
        margin-bottom: 35px
    }

    .ct-Menu {
        padding: 35px 20px 0
    }

    .ct-Menu:last-child {
        margin-bottom: 60px
    }

    .ct-Menu_Items {
        display: block;
        margin: 0 0 35px
    }

    .ct-Menu_Heading {
        margin-bottom: 35px
    }

    .ct-Menu_Item {
        width: 100%;
        margin: 20px 0 0
    }

    .ct-Wrapper {
        margin-bottom: 60px
    }

    .co-List_Inner {
        padding-top: 35px
    }

    .co-List_Lead {
        margin-bottom: 35px
    }

    .co-List_Items {
        display: block;
        margin: 0
    }

    .co-List_Item {
        width: 100%;
        margin: 0 0 40px
    }

    .co-List_Thumb {
        text-align: center
    }

    .cs-List:last-child {
        margin-bottom: 60px
    }

    .cs-List_Item {
        width: 47.6190476%;
        margin: 40px 4.7619048% 0 0
    }

    .cs-List_Item:nth-child(3n) {
        margin-right: 4.7619048%
    }

    .cs-List_Item:nth-child(2n) {
        margin-right: 0
    }

    .faq-Link:last-child {
        margin-bottom: 60px
    }

    .faq-Link {
        margin: 35px auto
    }

    .faq-Link_Heading {
        margin: 35px auto 20px
    }

    .faq-Link_Button {
        margin-top: 40px
    }

    .faq-Link_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .faq-MainVisual_Inner {
        height: auto;
        padding: 40px 20px
    }

    .fm-DownloadLinks_Item {
        margin-top: 40px
    }

    .fm-DownloadLinks_Link {
        min-width: 255px
    }

    .fm-Facade {
        margin-top: 20px
    }

    .fm-Facade_List {
        display: block;
        margin-left: 0
    }

    .fm-Facade_Item {
        width: auto;
        padding-top: 40px;
        padding-left: 0
    }

    .fm-Facade_Title {
        font-size: 16px
    }

    .fm-HeadingLv1 {
        margin-top: 60px
    }

    .fm-HeadingLv1_Heading {
        padding-bottom: 0;
        border-bottom: none
    }

    .fm-ImageItem {
        width: 50%;
        margin-top: 0
    }

    .fm-LanguageSelector_Inner {
        height: 80px;
        padding-right: 20px;
        padding-left: 20px
    }

    .fm-LanguageSelector_Heading {
        width: auto;
        padding-right: 15px;
        font-size: 11px
    }

    .fm-LanguageSelector_Link {
        font-size: 12px;
        line-height: 20px
    }

    .fm-PdfItem {
        width: 50%;
        margin-top: 0
    }

    .fm-Title_Inner {
        display: block;
        height: auto;
        padding-right: 20px;
        padding-left: 20px
    }

    .fm-Title_Heading {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: center;
        width: 100%;
        height: 90px;
        padding: 0;
        font-size: 20px
    }

    .fm-Title_Heading span {
        flex: 0 0 auto
    }

    .fm-Title_Back {
        position: static;
        height: auto;
        margin-right: -20px;
        margin-left: -20px;
        box-shadow: inset 0 1px hsla(0, 0%, 93.3%, .1);
        text-align: center
    }

    .fm-Title_BackLink {
        font-size: 12px;
        line-height: 50px
    }

    .fm-Title_Link {
        position: static;
        height: auto;
        margin-right: -20px;
        margin-left: -20px;
        box-shadow: inset 0 1px hsla(0, 0%, 93.3%, .1);
        text-align: center
    }

    .fm-Title_Link>a {
        font-size: 12px;
        line-height: 50px
    }

    .fm-Wrapper {
        padding-right: 20px;
        padding-left: 20px
    }

    .gn-GlobalIndex {
        margin: 25px 0 35px;
        background: 0 0
    }

    .gn-GlobalIndex_Regions>li {
        width: calc(50% - 20px)
    }

    .gn-GlobalIndex_Regions>li:not(:nth-child(2n)) {
        margin-right: 20px
    }

    .gn-GlobalIndex_RegionName>div {
        padding: 19px 40px
    }

    .gn-Heading {
        margin-bottom: 35px
    }

    .gn-Menu {
        margin: 25px 0 35px
    }

    .gn-Menu_Regions {
        display: block;
        margin-top: 35px
    }

    .gn-Menu_Regions>li {
        padding: 0;
        border-right: none;
        border-bottom: 1px solid #e6e6e6
    }

    .gn-Menu_Regions>li:first-child {
        border-top: 1px solid #e6e6e6
    }

    .gn-Menu_RegionName {
        position: relative;
        width: 100%;
        padding: 23px 0;
        text-align: left
    }

    .gn-Menu_RegionName:after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 7px;
        height: 10px;
        margin-top: -4px;
        background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .gn-Wrapper,
    .hm-Collection {
        margin-bottom: 60px
    }

    .hm-Collection_Heading {
        margin-bottom: 40px
    }

    .hm-Collection_Item {
        height: auto
    }

    .hm-Collection_GridItemBg {
        position: relative;
        height: 100vw
    }

    .hm-Collection_Name {
        font-size: 2.5rem;
        color: #204072
    }

    .hm-Collection_Lead {
        color: #333
    }

    .hm-Collection_Prev {
        left: 15px
    }

    .hm-Collection_Next,
    .hm-Collection_Prev {
        width: 24px;
        height: 24px;
        margin-top: 49.375%
    }

    .hm-Collection_Next {
        right: 15px
    }

    .hm-Collection_Pagination {
        position: relative;
        left: 0;
        margin-top: 40px;
        transform: none
    }

    .hm-Collection_Button {
        margin-top: 40px
    }

    .hm-Collection_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .hm-GsBanner {
        margin-bottom: 60px
    }

    .hm-GsBanner_Inner {
        width: auto;
        padding: 0 60px
    }

    .hm-ImportantNews {
        margin-bottom: 60px
    }

    .hm-ImportantNews_Box {
        display: block
    }

    .hm-ImportantNews_Heading {
        margin: 0 0 10px
    }

    .hm-MainVisual_Container {
        height: auto
    }

    .hm-MainVisual_Items,
    .hm-MainVisual_Media {
        position: static
    }

    .hm-MainVisual_Media img {
        position: static;
        width: 100%;
        min-width: 0;
        min-height: 0;
        transform: none
    }

    .hm-MainVisual_Prev {
        left: 15px
    }

    .hm-MainVisual_Next,
    .hm-MainVisual_Prev {
        width: 24px;
        height: 24px;
        margin-top: 55.1351351%
    }

    .hm-MainVisual_Next {
        right: 15px
    }

    .hm-MainVisual_Pagination-item {
        width: 12px;
        height: 12px
    }

    .hm-MainVisual_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .hm-News {
        margin-bottom: 60px
    }

    .hm-News_Inner {
        padding: 0
    }

    .hm-News_Heading {
        margin-bottom: 40px
    }

    .hm-News_Items {
        margin-left: 5.3333333%
    }

    .hm-News_Item {
        flex-shrink: 0;
        width: 58.935%
    }

    .hm-News_Item:not(:last-child) {
        margin-right: 5.3333333%
    }

    .hm-News_Prev {
        display: block;
        left: 8px
    }

    .hm-News_Next {
        display: block;
        right: 8px
    }

    .hm-News_Pagination {
        display: flex
    }

    .hm-News_Pagination-item {
        width: 12px;
        height: 12px
    }

    .hm-News_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .hm-News_Button {
        margin-top: 40px
    }

    .hm-News_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .hm-OnlineRepair {
        margin-bottom: 60px
    }

    .hm-OnlineRepair_Heading {
        margin-bottom: 40px
    }

    .hm-OnlineRepair_Inner {
        padding: 0
    }

    .hm-OnlineRepair_Items {
        position: relative;
        width: 100%;
        height: 100%;
        flex-wrap: nowrap;
        margin: 0 0 0 5.3333333%;
        transition-property: transform
    }

    .hm-OnlineRepair_Item {
        flex-shrink: 0;
        width: 58.935%;
        margin-top: 0
    }

    .hm-OnlineRepair_Item:not(:last-child) {
        margin-right: 5.3333333%
    }

    .hm-OnlineRepair_Prev {
        display: block;
        left: 8px
    }

    .hm-OnlineRepair_Next {
        display: block;
        right: 8px
    }

    .hm-OnlineRepair_Pagination {
        display: flex;
        margin-bottom: 40px
    }

    .hm-OnlineRepair_Pagination-item {
        width: 12px;
        height: 12px
    }

    .hm-OnlineRepair_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .hm-OnlineRepair_MasterShopInner {
        margin-top: 35px;
        padding-top: 20px
    }

    .hm-OtherCollection {
        display: none
    }

    .hm-OtherCollection_Button {
        margin-top: 40px
    }

    .hm-OtherCollection_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .hm-Recommended {
        margin-bottom: 60px
    }

    .hm-Recommended_Heading {
        margin-bottom: 40px
    }

    .hm-Recommended_Inner {
        padding: 0
    }

    .hm-Recommended_Items {
        margin-left: 20px
    }

    .hm-Recommended_Items.is-carousel {
        border-right: none
    }

    .hm-Recommended_Item {
        width: 62.934%
    }

    .hm-Recommended_ItemInner>a {
        padding: 0 20px 40px
    }

    .hm-Recommended_Image {
        text-align: center
    }

    .hm-Recommended_Prev {
        display: block;
        left: 8px
    }

    .hm-Recommended_Next {
        display: block;
        right: 8px
    }

    .hm-Recommended_Pagination-item {
        width: 12px;
        height: 12px
    }

    .hm-Recommended_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .hm-Recommended_Button {
        margin-top: 40px
    }

    .hm-Recommended_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .hm-WorldOfSeiko {
        margin-bottom: 60px
    }

    .hm-WorldOfSeiko_Heading {
        margin-bottom: 40px
    }

    .hm-WorldOfSeiko_Item {
        height: auto
    }

    .hm-WorldOfSeiko_Grid,
    .hm-WorldOfSeiko_Grid-duo,
    .hm-WorldOfSeiko_Grid-quartet,
    .hm-WorldOfSeiko_Grid-solo,
    .hm-WorldOfSeiko_Grid-trio {
        position: relative
    }

    .hm-WorldOfSeiko_GridItem {
        height: 56.25vw
    }

    .hm-WorldOfSeiko_Grid-duo .hm-WorldOfSeiko_GridItem:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2
    }

    .hm-WorldOfSeiko_Grid-duo .hm-WorldOfSeiko_GridItem:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .hm-WorldOfSeiko_Prev {
        left: 15px;
        width: 24px;
        height: 24px;
        margin-top: 55.9375%
    }

    .hm-WorldOfSeiko_Next {
        right: 15px;
        width: 24px;
        height: 24px;
        margin-top: 55.9375%
    }

    .hm-WorldOfSeiko_Pagination {
        position: relative;
        left: 0;
        margin-top: 40px;
        transform: none
    }

    .hm-WorldOfSeiko_Button {
        margin-top: 40px
    }

    .hm-WorldOfSeiko_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .instr-MainVisual_Inner {
        height: auto;
        padding: 40px 20px
    }

    .instr-Result {
        margin: 15px auto
    }

    .instr-Search {
        margin-bottom: 35px
    }

    .instr-Search_Language {
        display: block;
        width: 100%
    }

    .instr-Search_LanguageLabel {
        margin-bottom: 30px
    }

    .instr-Search_Row {
        display: block;
        padding: 0
    }

    .instr-Search_Col {
        width: 100%;
        padding: 40px 0;
        border-left: none
    }

    .instr-Search_Col:last-child {
        border-top: 1px solid #e6e6e6;
        border-right: none
    }

    .kl-List {
        padding: 35px 20px 0
    }

    .kl-List:last-child {
        margin-bottom: 60px
    }

    .kl-List_Heading {
        margin-bottom: 25px
    }

    .kl-List_Items,
    .kl-List_Items-half,
    .kl-List_Items-trisect {
        display: block;
        margin: 0 0 35px
    }

    .kl-List_Items-half .kl-List_Item,
    .kl-List_Items-trisect .kl-List_Item {
        width: 100%;
        margin: 20px 0 0
    }

    .kl-List_Items-full .kl-List_Item:not(:last-child) {
        margin-bottom: 20px
    }

    .kl-MainVisual_Inner {
        height: auto;
        padding: 40px 20px
    }

    .lu-List {
        margin-bottom: 60px
    }

    .lu-List_Item {
        width: 50%
    }

    .lu-List_Item:nth-child(odd) {
        border-left: 1px solid #eee
    }

    .lu-List_Item>a {
        padding: 0 20px 40px
    }

    .lu-List_Label {
        margin-bottom: 25px
    }

    .lu-List_Image,
    .lu-List_PriceCurrency {
        text-align: center
    }

    .lu-List_Button {
        margin-top: 40px
    }

    .lu-List_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .nw-Categories {
        margin-bottom: 35px;
        padding: 0
    }

    .nw-Categories_Items {
        padding: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .nw-Categories_Item {
        min-width: 120px;
        padding: 20px 0;
        border-left: none
    }

    .nw-Categories_Item:last-child {
        border-right: none;
        padding-right: 20px
    }

    .nw-Categories_Item:first-child {
        padding-left: 20px
    }

    .nw-Categories_Item:last-child>a {
        border-right: 1px solid #e6e6e6
    }

    .nw-Categories_Item>a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 40px;
        border-left: 1px solid #e6e6e6
    }

    .nw-List {
        margin-bottom: 60px
    }

    .nw-List_More {
        margin-top: 40px
    }

    .nw-List_More button {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .nw-Support {
        margin-bottom: 35px
    }

    .pds-GsBanner {
        margin-bottom: 60px
    }

    .pds-GsBanner_Inner {
        width: auto;
        padding: 0 60px
    }

    .pds-Heading,
    .pds-Heading--related {
        margin: 60px auto 40px
    }

    .pds-License {
        position: relative;
        margin-bottom: 60px;
        padding: 0
    }

    .pds-License_Items {
        position: relative;
        width: 100%;
        height: 100%;
        flex-wrap: nowrap;
        margin: 0 0 0 5.3333333%;
        transition-property: transform
    }

    .pds-License_Item {
        flex-shrink: 0;
        width: 58.935%;
        margin-top: 0
    }

    .pds-License_Item:not(:last-child) {
        margin-right: 5.3333333%
    }

    .pds-License_Prev {
        position: absolute;
        top: 0;
        left: 8px;
        z-index: 1;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13.3333333%;
        background: hsla(0, 0%, 100%, .9);
        border-radius: 50%;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
        transition: all .2s
    }

    .pds-License_Prev:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6px;
        height: 10px;
        margin: -4px 0 0 -4px;
        background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .pds-License_Prev.is-disabled {
        opacity: 0;
        pointer-events: none
    }

    .pds-License_Next {
        position: absolute;
        top: 0;
        right: 8px;
        z-index: 1;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13.3333333%;
        background: hsla(0, 0%, 100%, .9);
        border-radius: 50%;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
        transition: all .2s
    }

    .pds-License_Next:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6px;
        height: 10px;
        margin: -4px 0 0 -2px;
        background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .pds-License_Next.is-disabled {
        opacity: 0;
        pointer-events: none
    }

    .pds-License_Pagination {
        display: flex
    }

    .pds-License_Pagination-item {
        width: 12px;
        height: 12px
    }

    .pds-License_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .pds-Premium {
        position: relative;
        margin-bottom: 60px;
        padding: 0
    }

    .pds-Premium_Items {
        position: relative;
        width: 100%;
        height: 100%;
        flex-wrap: nowrap;
        margin: 0 0 0 5.3333333%;
        transition-property: transform
    }

    .pds-Premium_Item {
        flex-shrink: 0;
        width: 58.935%;
        margin-top: 0
    }

    .pds-Premium_Item:not(:last-child) {
        margin-right: 5.3333333%
    }

    .pds-Premium_Prev {
        position: absolute;
        top: 0;
        left: 8px;
        z-index: 1;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13.3333333%;
        background: hsla(0, 0%, 100%, .9);
        border-radius: 50%;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
        transition: all .2s
    }

    .pds-Premium_Prev:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6px;
        height: 10px;
        margin: -4px 0 0 -4px;
        background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .pds-Premium_Prev.is-disabled {
        opacity: 0;
        pointer-events: none
    }

    .pds-Premium_Next {
        position: absolute;
        top: 0;
        right: 8px;
        z-index: 1;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13.3333333%;
        background: hsla(0, 0%, 100%, .9);
        border-radius: 50%;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
        transition: all .2s
    }

    .pds-Premium_Next:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6px;
        height: 10px;
        margin: -4px 0 0 -2px;
        background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .pds-Premium_Next.is-disabled {
        opacity: 0;
        pointer-events: none
    }

    .pds-Premium_Pagination {
        display: flex
    }

    .pds-Premium_Pagination-item {
        width: 12px;
        height: 12px
    }

    .pds-Premium_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .pds-Primary {
        display: block;
        margin: 0
    }

    .pds-Primary_Item {
        width: 100%;
        margin-top: 0;
        padding: 40px 0;
        border-left: none;
        border-bottom: 1px solid #eee
    }

    .pds-Primary_Item:first-child {
        padding-top: 0
    }

    .pds-Primary_Item:last-child,
    .pds-Primary_Item:nth-child(3n) {
        border-right: none
    }

    .pds-Primary_Logo {
        height: 60px
    }

    .pds-Primary_Logo,
    .pds-Primary_Target {
        margin-bottom: 20px
    }

    .pds-Related {
        position: relative;
        margin-bottom: 60px;
        padding: 0
    }

    .pds-Related_Items {
        position: relative;
        width: 100%;
        height: 100%;
        flex-wrap: nowrap;
        margin: 0 0 0 5.3333333%;
        transition-property: transform
    }

    .pds-Related_Item {
        flex-shrink: 0;
        width: 58.935%;
        margin-top: 0
    }

    .pds-Related_Item:not(:last-child) {
        margin-right: 5.3333333%
    }

    .pds-Related_Prev {
        position: absolute;
        top: 0;
        left: 8px;
        z-index: 1;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13.3333333%;
        background: hsla(0, 0%, 100%, .9);
        border-radius: 50%;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
        transition: all .2s
    }

    .pds-Related_Prev:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6px;
        height: 10px;
        margin: -4px 0 0 -4px;
        background: url(/assets/img/icon_arrow_left01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .pds-Related_Prev.is-disabled {
        opacity: 0;
        pointer-events: none
    }

    .pds-Related_Next {
        position: absolute;
        top: 0;
        right: 8px;
        z-index: 1;
        display: block;
        width: 24px;
        height: 24px;
        margin-top: 13.3333333%;
        background: hsla(0, 0%, 100%, .9);
        border-radius: 50%;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .12);
        transition: all .2s
    }

    .pds-Related_Next:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6px;
        height: 10px;
        margin: -4px 0 0 -2px;
        background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
        content: ""
    }

    .pds-Related_Next.is-disabled {
        opacity: 0;
        pointer-events: none
    }

    .pds-Related_Pagination {
        display: flex
    }

    .pds-Related_Pagination-item {
        width: 12px;
        height: 12px
    }

    .pds-Related_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .pds-Secondary {
        display: block;
        margin: 0 0 60px;
        padding: 40px 20px;
        border-bottom: 1px solid #eee
    }

    .pds-Secondary_Col {
        width: 100%;
        margin-top: 0;
        padding: 0;
        border-left: none
    }

    .pds-Secondary_Col:last-child,
    .pds-Secondary_Col:nth-child(3n) {
        border-right: none
    }

    .pds-Secondary_Item {
        margin-bottom: 10px
    }

    .sach-Count {
        margin-bottom: 35px
    }

    .sach-Results {
        margin-bottom: 60px
    }

    .sach-Results_More {
        margin-top: 40px
    }

    .sach-Results_More button {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .sach-Results_NoResults {
        margin: 0 auto 60px
    }

    .sach-Search {
        margin: 35px auto 30px
    }

    .slrg-Anchor {
        margin: 35px auto
    }

    .slrg-Heading,
    .slrg-Regions {
        margin-bottom: 35px
    }

    .slrg-Regions_Items {
        margin-top: -2.3809524%
    }

    .slrg-Regions_Item {
        width: 48.8095238%;
        margin-top: 2.3809524%
    }

    .slrg-Regions_Item:not(:nth-child(2n)),
    .slrg-Regions_Item:not(:nth-child(4n)) {
        margin-right: 2.3809524%
    }

    .slrg-Regions_Item:nth-child(2n) {
        margin-right: 0
    }

    .sr-Concept {
        margin-bottom: 60px
    }

    .sr-Concept_Heading {
        margin-bottom: 40px
    }

    .sr-Concept_Media {
        height: auto
    }

    .sr-Concept_Media img {
        height: 132.3529412%
    }

    .sr-Concept_MediaInner {
        position: relative;
        height: auto;
        padding-bottom: 62.5%
    }

    .sr-Concept_Body {
        margin: 0;
        padding: 0;
        min-width: 100%
    }

    .sr-Concept_Inner {
        padding: 40px 20px 0;
        box-shadow: none
    }

    .sr-Concept_InnerHeading {
        margin-bottom: 20px
    }

    .sr-Concept_Button {
        position: relative;
        left: 0;
        text-align: center;
        transform: none
    }

    .sr-Concept_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .sr-Features {
        margin-bottom: 60px
    }

    .sr-Features_Heading {
        margin-bottom: 40px
    }

    .sr-Features_Media {
        height: auto
    }

    .sr-Features_Media img {
        height: 132.3529412%
    }

    .sr-Features_MediaInner {
        position: relative;
        height: auto;
        padding-bottom: 62.5%
    }

    .sr-Features_Body {
        margin: 0;
        padding: 0;
        min-width: 100%
    }

    .sr-Features_Inner {
        padding: 40px 20px 0;
        box-shadow: none
    }

    .sr-Features_InnerHeading {
        margin-bottom: 20px
    }

    .sr-Features_Button {
        position: relative;
        left: 0;
        text-align: center;
        transform: none
    }

    .sr-Features_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .sr-Lead {
        margin: 0 auto 60px
    }

    .sr-Lead br {
        display: none
    }

    .sr-Lineup {
        margin-bottom: 60px
    }

    .sr-Lineup_Heading {
        margin-bottom: 40px
    }

    .sr-Lineup_Item {
        width: 50%
    }

    .sr-Lineup_Item:nth-child(odd) {
        border-left: 1px solid #eee
    }

    .sr-Lineup_Item>a {
        padding: 0 20px 40px
    }

    .sr-Lineup_Label {
        margin-bottom: 25px
    }

    .sr-Lineup_Image,
    .sr-Lineup_PriceCurrency {
        text-align: center
    }

    .sr-MainVisual {
        margin-bottom: 60px
    }

    .sr-MainVisual_Media {
        position: relative;
        width: 200%;
        padding-bottom: 62.5%
    }

    .sr-MainVisual_Media img,
    .sr-MainVisual_Media video {
        height: 225%;
        left: 0
    }

    .sr-MainVisual_Wrapper {
        height: auto
    }

    .sr-MainVisual_Container {
        position: static
    }

    .sr-MainVisual_Body {
        width: 100%;
        min-height: 0;
        padding: 40px 0 0
    }

    .sr-MainVisual_Inside {
        max-width: 100%
    }

    .sr-MainVisual_Heading-white {
        color: #161616
    }

    .sr-Movie {
        margin: 0 auto 60px
    }

    .sr-Movie_Inner {
        margin-bottom: 10px
    }

    .sr-News {
        margin-bottom: 60px
    }

    .sr-News_Inner {
        padding: 0
    }

    .sr-News_Heading {
        margin-bottom: 40px
    }

    .sr-News .blk-PostList_Prev {
        top: 50%;
        left: 8px;
        margin-top: -12px
    }

    .sr-News .blk-PostList_Next {
        top: 50%;
        right: 8px;
        margin-top: -12px
    }

    .sr-Story {
        margin-bottom: 60px
    }

    .sr-Story_Heading {
        margin-bottom: 40px
    }

    .sr-Story_Media {
        height: auto
    }

    .sr-Story_Media img {
        height: 132.3529412%
    }

    .sr-Story_MediaInner {
        position: relative;
        height: auto;
        padding-bottom: 62.5%
    }

    .sr-Story_Body {
        margin: 0;
        padding: 0;
        min-width: 100%
    }

    .sr-Story_Inner {
        padding: 40px 20px 0;
        box-shadow: none
    }

    .sr-Story_InnerHeading {
        margin-bottom: 20px
    }

    .sr-Story_Button {
        position: relative;
        left: 0;
        text-align: center;
        transform: none
    }

    .sr-Story_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .str-Boutique {
        margin-bottom: 60px
    }

    .str-Boutique_Inner {
        padding: 0
    }

    .str-Boutique_Heading {
        margin-bottom: 40px
    }

    .str-Boutique_Items {
        display: block
    }

    .str-Boutique_FullItem,
    .str-Boutique_FullItem-left,
    .str-Boutique_FullItem-right {
        width: 100%;
        margin: 0 0 60px
    }

    .str-Boutique_FullItem+.str-Boutique_ColItem,
    .str-Boutique_FullItem+.str-Boutique_ColItem-left,
    .str-Boutique_FullItem+.str-Boutique_ColItem-right,
    .str-Boutique_FullItem-left+.str-Boutique_ColItem,
    .str-Boutique_FullItem-left+.str-Boutique_ColItem-left,
    .str-Boutique_FullItem-left+.str-Boutique_ColItem-right,
    .str-Boutique_FullItem-right+.str-Boutique_ColItem,
    .str-Boutique_FullItem-right+.str-Boutique_ColItem-left,
    .str-Boutique_FullItem-right+.str-Boutique_ColItem-right {
        margin-top: 0
    }

    .str-Boutique_FullItem .str-Boutique_Media,
    .str-Boutique_FullItem-left .str-Boutique_Media,
    .str-Boutique_FullItem-right .str-Boutique_Media {
        position: relative;
        width: 200%;
        padding-bottom: 62.5%
    }

    .str-Boutique_FullItem .str-Boutique_Media img,
    .str-Boutique_FullItem-left .str-Boutique_Media img,
    .str-Boutique_FullItem-right .str-Boutique_Media img {
        height: 225%
    }

    .str-Boutique_FullItem-right .str-Boutique_Media img {
        left: 0
    }

    .str-Boutique_FullItem .str-Boutique_Body,
    .str-Boutique_FullItem-left .str-Boutique_Body,
    .str-Boutique_FullItem-right .str-Boutique_Body {
        width: 100%;
        min-height: 0;
        padding: 40px 0 0
    }

    .str-Boutique_FullItem .str-Boutique_Inside,
    .str-Boutique_FullItem-left .str-Boutique_Inside,
    .str-Boutique_FullItem-right .str-Boutique_Inside {
        max-width: 100%
    }

    .str-Boutique_ItemHeading,
    .str-Boutique_ItemHeading-white {
        margin-bottom: 20px
    }

    .str-Boutique_ItemHeading-white {
        color: #161616
    }

    .str-Boutique_Text-white:not(:last-child),
    .str-Boutique_Text:not(:last-child) {
        margin-bottom: 40px
    }

    .str-Boutique_Text-white {
        color: #333
    }

    .str-Boutique_Link {
        position: relative;
        left: 0;
        text-align: center;
        transform: none
    }

    .str-Boutique_Link a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .str-Brand {
        margin-bottom: 60px
    }

    .str-Brand_Heading {
        margin-bottom: 40px
    }

    .str-Brand_Items {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 0 35px
    }

    .str-Brand_Item {
        width: 100%;
        margin: 25px 0 0
    }

    .str-Brand_Item:not(:last-child) {
        margin-right: 0
    }

    .str-Brand_MasterShop {
        padding-top: 20px
    }

    .str-Flagship {
        margin-bottom: 60px
    }

    .str-Flagship_Heading {
        margin-bottom: 40px
    }

    .str-Flagship_Lead {
        text-align: left
    }

    .str-Flagship_Inner {
        margin-bottom: 35px
    }

    .str-Flagship_Inside {
        height: 300px
    }

    .str-Flagship_Link a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .str-Flagship_BottomInner {
        padding-top: 20px
    }

    .str-Lead {
        text-align: left
    }

    .str-Lead,
    .str-MainVisual {
        margin-bottom: 60px
    }

    .str-MainVisual_Inner {
        height: auto;
        padding: 40px 20px
    }

    .str-MainVisual_Heading {
        margin-bottom: 20px;
        font-size: 3rem
    }

    .str-MainVisual_Lead {
        margin-bottom: 35px;
        text-align: left
    }

    .str-MainVisual_Link a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .ss-Heading_Inner {
        padding: 20px
    }

    .ss-OnlineShop {
        margin-bottom: 60px
    }

    .ss-OnlineShop_Heading {
        margin-bottom: 40px
    }

    .sp-Contact_Inner,
    .ss-Result_Item:last-child,
    .ss-Search,
    .stry-List {
        margin-bottom: 60px
    }

    .sp-Contact_Inner {
        padding-top: 35px
    }

    .sp-Contact_Heading {
        margin-bottom: 40px
    }

    .sp-Contact_Lead {
        margin-bottom: 25px
    }

    .sp-Contact_Link {
        position: relative;
        left: 0;
        text-align: center;
        transform: none
    }

    .sp-Contact_Link a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .sp-ImportantNews_Box {
        display: block
    }

    .sp-ImportantNews_Heading {
        margin: 0 0 10px
    }

    .sp-Instruction {
        padding-top: 35px
    }

    .sp-Instruction_Heading {
        margin-bottom: 40px
    }

    .sp-List {
        padding-top: 35px
    }

    .sp-List_Heading {
        margin-bottom: 40px
    }

    .sp-List_Lead {
        margin-bottom: 35px
    }

    .sp-List_Items,
    .sp-List_Items-quarter,
    .sp-List_Items-trisect {
        display: block;
        margin: 0
    }

    .sp-List_Items-trisect {
        padding: 0
    }

    .sp-List_Item {
        width: 100%;
        margin: 0 0 40px
    }

    .sp-List_Items-quarter .sp-List_Item,
    .sp-List_Items-trisect .sp-List_Item {
        width: 100%
    }

    .sp-MainVisual {
        margin-bottom: 25px
    }

    .sp-MainVisual_Inner {
        height: auto;
        padding: 40px 20px
    }

    .sp-MainVisual_Heading {
        margin-bottom: 20px;
        font-size: 3rem
    }

    .sp-MainVisual_Lead {
        margin-bottom: 35px;
        text-align: left
    }

    .sp-MainVisual_Link a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .sp-Trouble {
        padding-top: 35px
    }

    .sp-Trouble_Box {
        margin-bottom: 35px
    }

    .sp-Trouble_Link a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .trb-Box {
        margin-bottom: 30px
    }

    .trb-Heading {
        margin-bottom: 20px
    }

    .trb-Notes {
        margin-bottom: 60px
    }

    .wf-Filter {
        position: relative;
        z-index: 2;
        margin-bottom: 40px
    }

    .wf-Filter_Inner {
        position: absolute
    }

    .is-fixed .wf-Filter_Inner {
        position: fixed;
        top: 118px;
        left: 0;
        z-index: 2;
        width: 100%;
        transform: translateZ(0)
    }

    .is-headerHide .is-fixed .wf-Filter_Inner {
        top: 50px
    }

    .wf-Filter_Inside {
        display: block;
        padding: 0
    }

    .wf-Filter_Wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0;
        border: none
    }

    .wf-Filter_Categories {
        opacity: 0;
        display: none;
        order: 2;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 410px);
        margin-bottom: 0;
        padding: 0;
        border-top: 1px solid #e6e6e6;
        transition: opacity .5s, max-height .4s
    }

    .wf-Filter_Categories.is-shown {
        display: block
    }

    .is-spShown .wf-Filter_Categories {
        opacity: 1
    }

    .is-fixed .wf-Filter_Categories {
        max-height: calc(100vh - 370px)
    }

    .is-headerHide .is-fixed .wf-Filter_Categories {
        max-height: calc(100vh - 302px)
    }

    .wf-Filter_Category {
        border-bottom: 1px solid #e6e6e6
    }

    .wf-Filter_Contents {
        display: none;
        opacity: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 410px);
        padding: 0;
        border-top: 1px solid #e6e6e6;
        transition: opacity .5s, max-height .4s
    }

    .wf-Filter_Contents.is-shown {
        display: block
    }

    .is-spShown .wf-Filter_Contents {
        opacity: 1
    }

    .is-fixed .wf-Filter_Contents {
        max-height: calc(100vh - 370px)
    }

    .is-headerHide .is-fixed .wf-Filter_Contents {
        max-height: calc(100vh - 302px)
    }

    .wf-Filter_Content {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 0;
        margin-left: 0;
        padding: 0;
        transition: height .4s
    }

    .wf-Filter_ContentInner {
        width: auto;
        margin: 0 20px;
        padding: 30px 0 40px;
        border-top: 1px solid #e6e6e6
    }

    .wf-Filter_FilterHandle {
        box-sizing: border-box;
        height: 70px;
        padding: 0 20px
    }

    .wf-Filter_FilterHandleName {
        font-size: 1.4rem
    }

    .wf-Filter_FilterHandleNum {
        width: 25px;
        height: 25px
    }

    .wf-Filter_FilterHandleIcon {
        display: block;
        margin: 0 0 0 auto
    }

    .wf-Filter_Info {
        box-sizing: border-box;
        display: flex;
        order: 1;
        justify-content: space-between;
        width: 100%;
        padding: 25px 20px;
        border: none
    }

    .wf-Filter_Info.is-shown {
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .04)
    }

    .wf-Filter_Result {
        order: 1;
        margin: 2px 0 0
    }

    .wf-Filter_ResultNum {
        position: relative;
        top: -2px;
        font-size: 3rem;
        vertical-align: middle
    }

    .wf-Filter_Reset {
        opacity: 0;
        visibility: hidden;
        order: 0;
        width: auto;
        padding: 0 10px;
        pointer-events: none;
        transition: opacity .5s
    }

    .is-shown .wf-Filter_Reset {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transition: opacity .5s
    }

    .wf-Filter_TypeItem {
        width: 33.3333%
    }

    .wf-Filter_Price {
        width: 100%
    }

    .wf-Filter_PriceItem,
    .wf-Filter_PriceItem-lower,
    .wf-Filter_PriceItem-upper {
        width: 48.62637365%
    }

    .wf-Filter_PriceItem-lower:not(:last-child),
    .wf-Filter_PriceItem-upper:not(:last-child),
    .wf-Filter_PriceItem:not(:last-child) {
        margin-right: 2.7472527%
    }

    .wf-Filter_Feature {
        display: block
    }

    .wf-Filter_FeatureTitle {
        width: 100%;
        margin-bottom: 20px
    }

    .wf-Filter_FeatureBody {
        width: 100%
    }

    .wf-Filter_FilterItems {
        display: none
    }

    .wf-Filter_Number {
        display: block
    }

    .wf-Filter_NumberTitle {
        width: 100%;
        margin-bottom: 20px
    }

    .wf-Filter_NumberBody {
        width: 100%
    }

    .wf-Filter_Checkbox-large .wf-Filter_Checkbox_Label:before {
        width: 20px;
        height: 20px
    }

    .wf-Filter_Checkbox-large .wf-Filter_Checkbox_Icon {
        top: calc(50% - 5px);
        left: 7px
    }

    .wf-Filter_Radio-large .wf-Filter_Radio_Label:after,
    .wf-Filter_Radio-large .wf-Filter_Radio_Label:before {
        top: calc(50% - 11px);
        width: 20px;
        height: 20px
    }

    .wf-Filter_Radio-large input[type=radio]:checked+.wf-Filter_Radio_Label:after {
        left: 8px
    }

    .wf-Filter_FunctionItem {
        width: 33.3333%
    }

    .wf-Filter_ModelNum {
        margin-bottom: 20px
    }

    .wf-Filter_InsideBottom {
        opacity: 0;
        order: 3;
        box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, .04);
        border-bottom: 1px solid #e6e6e6;
        transition: opacity .5s
    }

    .wf-Filter_InsideBottom.is-shown {
        display: block
    }

    .is-spShown .wf-Filter_InsideBottom {
        opacity: 1
    }

    .wf-Filter_InsideBottom>button {
        display: block;
        width: 100%;
        padding: 22px 0;
        text-align: center
    }

    .wf-Filter_SearchButton {
        display: block
    }

    .wf-Result {
        margin-bottom: 60px
    }

    .wf-Result_Heading {
        margin-bottom: 40px
    }

    .wf-Result_Item {
        width: 50%
    }

    .wf-Result_Item:nth-child(odd) {
        border-left: 1px solid #eee
    }

    .wf-Result_Item>a {
        padding: 0 20px 40px
    }

    .wf-Result_Label {
        margin-bottom: 25px
    }

    .wf-Result_Image,
    .wf-Result_PriceCurrency {
        text-align: center
    }

    .wf-Support {
        margin-bottom: 40px
    }

    .wf-Support_Inner {
        display: block
    }

    .wf-Support_OtherBrands {
        margin-bottom: 40px
    }

    .wf-Support_OtherBrandsHandle {
        font-size: 1.2rem
    }

    .wf-Support_OtherBrandsItems {
        width: auto
    }

    .wf-Support_Sort {
        width: 100%;
        padding-left: 0
    }

    .wcl-FaqLink:last-child {
        margin-bottom: 60px
    }

    .wcl-FaqLink {
        margin: 35px auto
    }

    .wcl-FaqLink_Heading {
        margin: 35px auto 20px
    }

    .wcl-Section {
        margin-bottom: 35px
    }

    .wcl-Section_HeadingLv1 {
        margin: 35px auto 20px
    }

    .wl-List {
        margin-bottom: 60px
    }

    .is-fixed .wl-List_ThumbInner,
    .wl-List_Inner,
    .wl-List_Thumb {
        padding: 0
    }

    .wl-List_ThumbItem {
        width: 62.934%
    }

    .is-fixed .wl-List_ThumbItem {
        padding: 30px 0
    }

    .wl-List_Prev {
        left: 8px
    }

    .wl-List_Next {
        right: 8px
    }

    .wl-List_Item {
        width: 62.934%
    }

    .wl-List_Label {
        margin-bottom: 25px
    }

    .wl-List_PriceCurrency {
        text-align: center
    }

    .wl-Support {
        margin-bottom: 35px;
        padding-top: 35px
    }

    .wd-Contents_Items {
        display: block;
        margin: -40px 0 0
    }

    .wd-Contents_Item,
    .wd-Contents_Item-full {
        width: 100%;
        margin-top: 40px;
        padding: 0
    }

    .wd-Contents_Item-full:not(:nth-child(2n)),
    .wd-Contents_Item:not(:nth-child(2n)) {
        margin-right: 0
    }

    .wd-Contents_Item-full .wd-Contents_ThumbInner {
        height: 0;
        padding-bottom: 56.25%
    }

    .wd-Lead {
        margin-bottom: 40px
    }

    .wd-Section {
        margin-bottom: 60px
    }

    .wd-Section_Heading {
        margin-bottom: 40px
    }

    .wd-Section_Heading:first-child {
        margin-top: 60px
    }

    .wd-Section_Thumb {
        height: 0;
        margin-bottom: 40px;
        padding-bottom: 56.25%
    }

    .wd-Sns_Items {
        display: block
    }

    .wd-Sns_Item {
        width: 100%
    }

    .wd-Sns_Item:not(:last-child) {
        margin: 0 0 40px
    }

    .cmn-Box {
        margin: 15px auto
    }

    .cmn-Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .cmn-Button_Notes {
        margin: 10px auto
    }

    .cmn-ButtonColumn {
        margin: 25px auto
    }

    .cmn-ButtonColumn_Inner {
        display: block;
        margin-top: 0
    }

    .cmn-ButtonColumn_Item {
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .cmn-ButtonColumn_Item:not(:last-child) {
        margin: 0 0 25px
    }

    .cmn-ButtonColumn_Button a {
        padding: 19px 40px
    }

    .cmn-ButtonColumn_Button {
        width: auto;
        min-width: 255px
    }

    .cmn-ButtonColumn_Notes {
        margin-top: 10px
    }

    .cmn-ButtonFourColumn {
        margin: 25px auto
    }

    .cmn-ButtonFourColumn_Inner {
        display: block;
        margin-top: 0
    }

    .cmn-ButtonFourColumn_Item {
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .cmn-ButtonFourColumn_Item:not(:last-child) {
        margin: 0 0 25px
    }

    .cmn-ButtonFourColumn_Button a {
        padding: 19px 40px
    }

    .cmn-ButtonFourColumn_Button {
        width: auto;
        min-width: 255px
    }

    .cmn-ButtonFourColumn_Notes {
        margin-top: 10px
    }

    .cmn-ButtonThreeColumn {
        margin: 25px auto
    }

    .cmn-ButtonThreeColumn_Inner {
        display: block;
        margin-top: 0
    }

    .cmn-ButtonThreeColumn_Item {
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .cmn-ButtonThreeColumn_Item:not(:last-child) {
        margin: 0 0 25px
    }

    .cmn-ButtonThreeColumn_Button a {
        padding: 19px 40px
    }

    .cmn-ButtonThreeColumn_Button {
        width: auto;
        min-width: 255px
    }

    .cmn-ButtonThreeColumn_Notes {
        margin-top: 10px
    }

    .cmn-Carousel {
        margin: 25px auto
    }

    .cmn-Carousel .okra-carousel-container {
        height: 400px
    }

    .cmn-Carousel_Pagination-item {
        width: 12px;
        height: 12px
    }

    .cmn-Carousel_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .cmn-Divider {
        margin: 15px auto
    }

    .cmn-HeadingLv1 {
        margin: 35px auto 20px
    }

    .cmn-HeadingLv2,
    .cmn-HeadingLv3 {
        margin: 25px auto 15px
    }

    .cmn-Media {
        margin: 25px auto
    }

    .cmn-Media_Inner {
        margin-bottom: 10px
    }

    .cmn-MediaBox {
        margin: 15px auto
    }

    .cmn-MediaColumn {
        margin: 25px auto
    }

    .cmn-MediaColumn_Inner {
        display: block;
        margin-top: 0
    }

    .cmn-MediaColumn_Item {
        width: 100%;
        margin: 0 0 25px
    }

    .cmn-MediaColumn_Item:not(:last-child) {
        margin-right: 0
    }

    .cmn-MediaFourColumn {
        margin: 25px auto
    }

    .cmn-MediaFourColumn_Inner {
        display: block;
        margin-top: 0
    }

    .cmn-MediaFourColumn_Item {
        width: 100%;
        margin: 0 0 25px
    }

    .cmn-MediaFourColumn_Item:not(:last-child) {
        margin-right: 0
    }

    .cmn-MediaThreeColumn {
        margin: 25px auto
    }

    .cmn-MediaThreeColumn_Inner {
        display: block;
        margin-top: 0
    }

    .cmn-MediaThreeColumn_Item {
        width: 100%;
        margin: 0 0 25px
    }

    .cmn-MediaThreeColumn_Item:not(:last-child) {
        margin-right: 0
    }

    .cmn-MediaWrap {
        margin: 25px auto
    }

    .cmn-MediaWrap_Media,
    .cmn-MediaWrap_Media-left,
    .cmn-MediaWrap_Media-right {
        max-width: none
    }

    .cmn-MediaWrap_Media-left {
        float: none;
        margin-right: 0
    }

    .cmn-MediaWrap_Media-right {
        float: none;
        margin-left: 0
    }

    .cmn-NotesList,
    .cmn-NotesList-white,
    .cmn-OrderedList {
        margin: 15px auto
    }

    .cmn-Products {
        margin: 25px auto
    }

    .cmn-Products_Item {
        width: 58.935%;
        margin-right: 5.3333333%
    }

    .cmn-Products_Image {
        padding-bottom: 35px
    }

    .cmn-Products_Body {
        padding: 30px
    }

    .cmn-Products_Next,
    .cmn-Products_Prev {
        margin-top: calc(29.55224% - 25px)
    }

    .cmn-Table,
    .cmn-UnorderedList,
    .cmn-UnstyledList {
        margin: 15px auto
    }

    .news-Information {
        margin: 15px auto 35px
    }

    .pr-Box {
        margin: 15px auto
    }

    .pr-Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .pr-Button_Notes {
        margin: 10px auto
    }

    .pr-ButtonColumn {
        margin: 25px auto
    }

    .pr-ButtonColumn_Inner {
        display: block;
        margin-top: 0
    }

    .pr-ButtonColumn_Item {
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .pr-ButtonColumn_Item:not(:last-child) {
        margin: 0 0 25px
    }

    .pr-ButtonColumn_Button a {
        padding: 19px 40px
    }

    .pr-ButtonColumn_Button {
        width: auto;
        min-width: 255px
    }

    .pr-ButtonColumn_Notes {
        margin: 10px auto
    }

    .pr-ButtonFourColumn {
        margin: 25px auto
    }

    .pr-ButtonFourColumn_Inner {
        display: block;
        margin-top: 0
    }

    .pr-ButtonFourColumn_Item {
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .pr-ButtonFourColumn_Item:not(:last-child) {
        margin: 0 0 25px
    }

    .pr-ButtonFourColumn_Button a {
        padding: 19px 40px
    }

    .pr-ButtonFourColumn_Button {
        width: auto;
        min-width: 255px
    }

    .pr-ButtonFourColumn_Notes {
        margin: 10px auto
    }

    .pr-ButtonThreeColumn {
        margin: 25px auto
    }

    .pr-ButtonThreeColumn_Inner {
        display: block;
        margin-top: 0
    }

    .pr-ButtonThreeColumn_Item {
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .pr-ButtonThreeColumn_Item:not(:last-child) {
        margin: 0 0 25px
    }

    .pr-ButtonThreeColumn_Button a {
        padding: 19px 40px
    }

    .pr-ButtonThreeColumn_Button {
        width: auto;
        min-width: 255px
    }

    .pr-ButtonThreeColumn_Notes {
        margin: 10px auto
    }

    .pr-Carousel {
        margin: 25px auto
    }

    .pr-Carousel .okra-carousel-container {
        height: 400px
    }

    .pr-Carousel_Pagination-item {
        width: 12px;
        height: 12px
    }

    .pr-Carousel_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .pr-Divider {
        margin: 15px auto
    }

    .pr-ExtraImage {
        margin: 20px 0 60px
    }

    .pr-ExtraImage_Media img {
        height: 132.3529412% !important
    }

    .pr-Feature,
    .pr-Feature-left,
    .pr-Feature-right {
        margin-bottom: 60px
    }

    .pr-Feature+.pr-Feature,
    .pr-Feature+.pr-Feature-left,
    .pr-Feature+.pr-Feature-right,
    .pr-Feature-left+.pr-Feature,
    .pr-Feature-left+.pr-Feature-left,
    .pr-Feature-left+.pr-Feature-right,
    .pr-Feature-right+.pr-Feature,
    .pr-Feature-right+.pr-Feature-left,
    .pr-Feature-right+.pr-Feature-right {
        margin-top: 60px
    }

    .pr-Feature_Media {
        position: relative
    }

    .pr-Feature_Media .okra-image {
        position: relative;
        width: 200%;
        padding-bottom: 62.5%
    }

    .pr-Feature_Media .okra-image img {
        height: 225%
    }

    .pr-Feature-left .pr-Feature_Media .okra-image img {
        left: 0
    }

    .pr-Feature_Body {
        width: 100%
    }

    .pr-Feature_BodyInner {
        min-height: 0;
        padding: 40px 20px 0
    }

    .pr-Feature_Inside {
        max-width: 100%
    }

    .pr-Feature_Inside .cmn-NotesList-white {
        color: #161616
    }

    .pr-Feature_Heading,
    .pr-Feature_Heading-white {
        margin-bottom: 20px
    }

    .pr-Feature_Heading-white {
        color: #161616
    }

    .pr-Feature_Text-white {
        color: #333
    }

    .pr-FeatureTandem {
        margin-bottom: 60px
    }

    .pr-FeatureTandem_Media {
        height: auto
    }

    .pr-FeatureTandem_Media .cmn-MediaUnit_Cover img {
        max-width: 100%
    }

    .pr-FeatureTandem_Media .okra-image {
        position: relative;
        padding-bottom: 62.5%
    }

    .pr-FeatureTandem_Media .okra-image img {
        height: 132.3529412%
    }

    .pr-FeatureTandem_Body {
        margin: 0;
        padding: 0;
        min-width: 100%
    }

    .pr-FeatureTandem_Inner {
        padding: 40px 20px 0;
        box-shadow: none
    }

    .pr-FeatureTandem_Heading {
        margin-bottom: 20px
    }

    .pr-Heading {
        margin: 60px 0 40px
    }

    .pr-HeadingLv1 {
        margin: 35px auto 20px
    }

    .pr-HeadingLv2 {
        margin: 25px auto 15px
    }

    .pr-Howto {
        margin-bottom: 60px
    }

    .pr-Howto+.pr-Howto {
        margin-top: -20px
    }

    .pr-Howto_Inner {
        display: block;
        margin-top: 0
    }

    .pr-Howto_Item:not(:only-child) {
        width: 100%
    }

    .pr-Howto_Item:not(:last-child) {
        margin-right: 0
    }

    .pr-Howto_Media:not(:last-child) {
        margin-bottom: 20px
    }

    .pr-Image {
        margin: 20px 0 60px
    }

    .pr-Image_Media img {
        height: 132.3529412% !important
    }

    .pr-Layout {
        margin: 25px auto
    }

    .pr-Layout_Inner {
        margin-bottom: 10px
    }

    .pr-Media {
        margin-bottom: 60px
    }

    .pr-Media .okra-youtube-inner {
        height: 0;
        padding-bottom: 56.25%
    }

    .pr-Media_Inner {
        height: auto
    }

    .pr-MediaBox {
        margin: 15px auto
    }

    .pr-MediaColumn {
        margin: 25px auto
    }

    .pr-MediaColumn_Inner {
        display: block;
        margin-top: 0
    }

    .pr-MediaColumn_Item {
        width: 100%;
        margin: 0 0 25px
    }

    .pr-MediaColumn_Item:not(:last-child) {
        margin-right: 0
    }

    .pr-MediaFourColumn {
        margin: 25px auto
    }

    .pr-MediaFourColumn_Inner {
        display: block;
        margin-top: 0
    }

    .pr-MediaFourColumn_Item {
        width: 100%;
        margin: 0 0 25px
    }

    .pr-MediaFourColumn_Item:not(:last-child) {
        margin-right: 0
    }

    .pr-MediaThreeColumn {
        margin: 25px auto
    }

    .pr-MediaThreeColumn_Inner {
        display: block;
        margin-top: 0
    }

    .pr-MediaThreeColumn_Item {
        width: 100%;
        margin: 0 0 25px
    }

    .pr-MediaThreeColumn_Item:not(:last-child) {
        margin-right: 0
    }

    .pr-MediaWrap {
        margin: 25px auto
    }

    .pr-MediaWrap_Media,
    .pr-MediaWrap_Media-left,
    .pr-MediaWrap_Media-right {
        max-width: none
    }

    .pr-MediaWrap_Media-left {
        float: none;
        margin-right: 0
    }

    .pr-MediaWrap_Media-right {
        float: none;
        margin-left: 0
    }

    .pr-NotesList,
    .pr-NotesList-white,
    .pr-OrderedList {
        margin: 15px auto
    }

    .pr-Pair_Heading {
        margin: 60px 0 40px
    }

    .pr-Pair_Inner {
        display: block
    }

    .pr-Pair_Inner:after {
        content: none
    }

    .pr-Pair_Image {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 40px;
        padding: 0 90px;
        text-align: center
    }

    .pr-Pair_Main {
        width: 100%;
        padding: 0
    }

    .pr-Pair_Label {
        justify-content: center;
        margin-bottom: 25px
    }

    .pr-Pair_Collection,
    .pr-Pair_Limited,
    .pr-Pair_Name,
    .pr-Pair_Price,
    .pr-Pair_PriceCurrency,
    .pr-Pair_Release {
        text-align: center
    }

    .pr-Pair_Limited {
        margin-top: 25px
    }

    .pr-Pair_LimitedNum {
        text-align: center
    }

    .pr-Pair_Button {
        margin: 40px 0 60px
    }

    .pr-Pair_Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .pr-Product_Inner {
        display: flex;
        flex-direction: column;
        padding: 60px 20px
    }

    .pr-Product_Image {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 35px;
        padding: 0 40px;
        text-align: center;
        order: 0
    }

    .pr-Product_Zoom {
        top: 0;
        left: 40px
    }

    .pr-Product_Main {
        width: 100%;
        margin-bottom: 40px;
        padding: 0;
        order: 1
    }

    .pr-Product_Sub {
        width: 100%;
        padding: 0;
        order: 2
    }

    .pr-Product_Label {
        justify-content: center;
        margin-bottom: 25px
    }

    .pr-Product_Name {
        text-align: center
    }

    .pr-Product_Collection {
        margin-bottom: 0;
        text-align: center
    }

    .pr-Product_Price,
    .pr-Product_PriceCurrency,
    .pr-Product_Release {
        text-align: center
    }

    .pr-Product_Limited {
        margin-top: 25px;
        text-align: center
    }

    .pr-Product_LimitedNum {
        text-align: center
    }

    .pr-Product_Buttons {
        justify-content: center
    }

    .pr-Product_Button {
        text-align: center
    }

    .pr-Product_Button:not(:last-child) {
        margin-right: 15px
    }

    .pr-Product_Button_favorite {
        width: 100%
    }

    .pr-Product_Button_favorite svg {
        width: 13px
    }

    .pr-Product_Button_share {
        width: 11px
    }

    .pr-Product_Button_location {
        width: 9px
    }

    .pr-Product_ButtonInner {
        display: inline-block;
        width: 40px;
        vertical-align: top
    }

    .pr-Product_Share {
        height: 40px;
        padding: 0 10px
    }

    .pr-Product_Share:before {
        display: block;
        width: 30px;
        height: 30px;
        content: ""
    }

    .pr-Product_ShareItems {
        margin-left: auto
    }

    .pr-Product_ShareItem-facebook:not(:last-child),
    .pr-Product_ShareItem-twitter:not(:last-child),
    .pr-Product_ShareItem:not(:last-child) {
        margin-right: 30px
    }

    .pr-Product_EcLink a {
        margin: 0 auto
    }

    .pr-Product_ModalClose {
        top: 10px;
        right: 10px
    }

    .pr-Product_ModalSlide {
        width: 100%
    }

    .pr-Product_ModalNext,
    .pr-Product_ModalPrev {
        display: none
    }

    .pr-Product_Thumbnail {
        margin: 10% -40px 0
    }

    .pr-Product_Thumbnail_Item {
        width: 14.5454545%;
        margin-right: 2.6865672%;
        padding-bottom: 14.5454545%
    }

    .pr-Products {
        margin: 25px auto
    }

    .pr-Products_Item {
        width: 58.935%;
        margin-right: 5.3333333%
    }

    .pr-Products_Image {
        padding-bottom: 35px
    }

    .pr-Products_Body {
        padding: 30px
    }

    .pr-Products_Next,
    .pr-Products_Prev {
        margin-top: calc(29.55224% - 25px)
    }

    .pr-Table {
        margin: 15px auto
    }

    .pr-TechnologyColumn_Heading:not(:last-child) {
        margin-bottom: 20px
    }

    .pr-UnorderedList,
    .pr-UnstyledList {
        margin: 15px auto
    }

    .def-Wrapper {
        margin-bottom: 60px
    }

    .faq-BackButton {
        margin-top: 40px
    }

    .faq-BackButton a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .faq-Wrapper {
        margin-bottom: 60px
    }

    .np-Functions,
    .np-Header {
        margin-bottom: 35px
    }

    .np-Header_Heading {
        margin-bottom: 40px
    }

    .nc-Links {
        display: block
    }

    .nc-Links_Link {
        max-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .nc-Links_Link:not(:last-child) {
        margin: 0 auto 40px
    }

    .nc-Wrapper {
        margin: 35px auto 60px
    }

    .onl-Button a {
        display: inline-block;
        min-width: 255px;
        margin: 0 auto;
        padding: 19px 40px
    }

    .onl-Heading {
        margin: 35px auto 20px
    }

    .onl-TargetBrand {
        margin: 25px auto 15px
    }

    .onl-TargetBrandLogos {
        margin: 15px auto
    }

    .op-News {
        margin-bottom: 60px
    }

    .op-News_Inner {
        padding: 0
    }

    .op-News_Heading {
        margin-bottom: 40px
    }

    .pr-Recommended {
        margin-bottom: 60px
    }

    .pr-Recommended_Inner {
        position: relative;
        padding: 0
    }

    .pr-Recommended_Heading {
        margin-bottom: 40px
    }

    .pr-Spec_Heading {
        margin: 60px 0 40px
    }

    .pr-Spec_Inner {
        margin-bottom: 60px
    }

    .pr-Spec_HeadingLv1 {
        position: relative;
        margin-bottom: 0;
        padding: 23px 0
    }

    .pr-Spec_HeadingLv1:before {
        top: calc(50% - 1px);
        right: 0;
        width: 10px;
        height: 2px
    }

    .pr-Spec_HeadingLv1:after,
    .pr-Spec_HeadingLv1:before {
        position: absolute;
        background-color: #204072;
        content: ""
    }

    .pr-Spec_HeadingLv1:after {
        top: calc(50% - 5px);
        right: 4px;
        width: 2px;
        height: 10px;
        transition: all .2s
    }

    .is-opened .pr-Spec_HeadingLv1:after {
        top: 50%;
        height: 0
    }

    .pr-Spec_Groups {
        display: block
    }

    .pr-Spec_Group {
        padding: 0;
        border-top: 1px solid #eee;
        border-left: none
    }

    .pr-Spec_Group:last-child {
        border-right: none;
        border-bottom: 1px solid #eee
    }

    .pr-Spec_GroupInner {
        overflow: hidden;
        height: 0;
        transition: height .4s cubic-bezier(.215, .61, .355, 1)
    }

    .pr-Spec_GroupInside {
        padding: 10px 0 20px
    }

    .pr-Variations {
        margin-bottom: 60px
    }

    .pr-Variations_Inner {
        padding: 0
    }

    .pr-Variations_Heading {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:769px) {
    .blk-Breadcrumb_Item>a {
        transition: opacity .4s
    }

    .blk-Breadcrumb_Item>a:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-Disclaimer_Body a:hover {
        text-decoration: none
    }

    .blk-Disclaimer_Close {
        transition: opacity .4s
    }

    .blk-Disclaimer_Close:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-Footer_NavItem a {
        transition: opacity .4s
    }

    .blk-Footer_NavItem a:hover {
        opacity: .4;
        text-decoration: none
    }

    .blk-Footer_Language {
        transition: opacity .4s
    }

    .blk-Footer_Language:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-Footer_Youtube {
        transition: opacity .4s
    }

    .blk-Footer_Youtube:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-Footer_SnsItem a {
        transition: opacity .4s
    }

    .blk-Footer_SnsItem a:hover {
        opacity: .4;
        text-decoration: none
    }

    .blk-Gnav_SearchButton {
        transition: opacity .4s
    }

    .blk-Gnav_SearchButton:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-Gnav_ContentHeading a,
    .blk-Gnav_ContentHeading button {
        transition: opacity .4s
    }

    .blk-Gnav_ContentHeading a:hover,
    .blk-Gnav_ContentHeading button:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-Gnav_ContentItem a {
        transition: opacity .4s
    }

    .blk-Gnav_ContentItem a:hover {
        opacity: .4;
        text-decoration: none
    }

    .blk-Gnav_Link a {
        transition: opacity .4s
    }

    .blk-Gnav_Link a:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-Gnav_SocialItem a>img {
        display: inline-block;
        vertical-align: unset;
        margin-left: 5px
    }

    .blk-Gnav_LanguageButton {
        transition: opacity .4s
    }

    .blk-Gnav_LanguageButton:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-Gnav_Close {
        transition: opacity .4s
    }

    .blk-Gnav_Close:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-Header_Menu {
        transition: opacity .4s
    }

    .blk-Header_Menu:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-Header_GlobalLogo a {
        transition: opacity .4s
    }

    .blk-Header_GlobalLogo a:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-Header_Watchfinder {
        transition: opacity .4s
    }

    .blk-Header_Watchfinder:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-Header_NavItem>a {
        transition: opacity .4s
    }

    .blk-Header_NavItem>a:hover {
        opacity: .4;
        text-decoration: none
    }

    .blk-LocalHeader_Title {
        transition: opacity .4s
    }

    .blk-LocalHeader_Title:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-LocalHeader_Item>a {
        transition: opacity .4s
    }

    .blk-LocalHeader_Item>a:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-LocalHeader_SeriesHeading>a {
        transition: opacity .4s
    }

    .blk-LocalHeader_SeriesHeading>a:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-LocalHeader_SeriesHeading>span {
        transition: opacity .4s
    }

    .blk-LocalHeader_SeriesHeading>span:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-LocalHeader_SeriesItem>a {
        transition: opacity .4s
    }

    .blk-LocalHeader_SeriesItem>a:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-PostList_Item a {
        transition: opacity .4s
    }

    .blk-PostList_Item a:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-PostList_Category,
    .blk-PostList_Category-basel,
    .blk-PostList_Category-important,
    .blk-PostList_Category-press,
    .blk-PostList_Category-story,
    .blk-PostList_Category-topics {
        transition: opacity .4s
    }

    .blk-PostList_Category-basel:hover,
    .blk-PostList_Category-important:hover,
    .blk-PostList_Category-press:hover,
    .blk-PostList_Category-story:hover,
    .blk-PostList_Category-topics:hover,
    .blk-PostList_Category:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-PostList_Lead a {
        transition: opacity .4s
    }

    .blk-PostList_Lead a:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-PostList_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .blk-PostList_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .blk-ProductList_Item>a {
        transition: opacity .4s
    }

    .blk-ProductList_Item>a:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-ProductList_Favorite button {
        transition: opacity .4s
    }

    .blk-ProductList_Favorite button:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-ProductList_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .blk-ProductList_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .blk-RelatedLink li a {
        transition: opacity .4s
    }

    .blk-RelatedLink li a:hover {
        opacity: .5;
        text-decoration: none
    }

    .blk-SeriesList_Item a {
        transition: opacity .4s
    }

    .blk-SeriesList_Item a:hover {
        opacity: .6;
        text-decoration: none
    }

    .blk-StoreSearch_Button {
        transition: background .4s
    }

    .blk-StoreSearch_Button:hover {
        background-color: #193c72
    }

    .bq-Index_Links>li a {
        transition: opacity .4s
    }

    .bq-Index_Links>li a:hover {
        opacity: .5;
        text-decoration: none
    }

    .bd-Features_Button a {
        transition: background .4s
    }

    .bd-Features_Button a:hover {
        background-color: #193c72
    }

    .bd-ImportantNews_Item a {
        transition: opacity .4s
    }

    .bd-ImportantNews_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .bd-Lineup_Button a {
        transition: background .4s
    }

    .bd-Lineup_Button a:hover {
        background-color: #193c72
    }

    .is-lukia .bd-Lineup_Button a:hover {
        background-color: #dc6076
    }

    .bd-MainVisual_Prev {
        transition: opacity .4s
    }

    .bd-MainVisual_Prev:hover {
        opacity: .6;
        text-decoration: none
    }

    .bd-MainVisual_Next {
        transition: opacity .4s
    }

    .bd-MainVisual_Next:hover {
        opacity: .6;
        text-decoration: none
    }

    .bd-MainVisual_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .bd-MainVisual_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .bd-Series_Item .bd-Series_Media a {
        transition: opacity .4s
    }

    .bd-Series_Item .bd-Series_Media a:hover {
        opacity: .6;
        text-decoration: none
    }

    .bd-Series_Text a,
    .bd-Series_Text-white a {
        transition: opacity .4s
    }

    .bd-Series_Text a:hover,
    .bd-Series_Text-white a:hover {
        opacity: .5;
        text-decoration: none
    }

    .bd-Series_Link a {
        transition: opacity .4s
    }

    .bd-Series_Link a:hover {
        opacity: .5
    }

    .bd-Series_FullItem .bd-Series_Link a,
    .bd-Series_FullItem-left .bd-Series_Link a,
    .bd-Series_FullItem-right .bd-Series_Link a,
    .bd-Series_HalfItem .bd-Series_Link a,
    .bd-Series_HalfItem-left .bd-Series_Link a,
    .bd-Series_HalfItem-right .bd-Series_Link a {
        transition: background .4s
    }

    .bd-Series_FullItem .bd-Series_Link a:hover,
    .bd-Series_FullItem-left .bd-Series_Link a:hover,
    .bd-Series_FullItem-right .bd-Series_Link a:hover,
    .bd-Series_HalfItem .bd-Series_Link a:hover,
    .bd-Series_HalfItem-left .bd-Series_Link a:hover,
    .bd-Series_HalfItem-right .bd-Series_Link a:hover {
        background-color: #ddd;
        opacity: 1
    }

    .is-lukia .bd-Series_FullItem .bd-Series_Link a:hover,
    .is-lukia .bd-Series_FullItem-left .bd-Series_Link a:hover,
    .is-lukia .bd-Series_FullItem-right .bd-Series_Link a:hover,
    .is-lukia .bd-Series_HalfItem .bd-Series_Link a:hover,
    .is-lukia .bd-Series_HalfItem-left .bd-Series_Link a:hover,
    .is-lukia .bd-Series_HalfItem-right .bd-Series_Link a:hover {
        background-color: #dc6076
    }

    .bd-SpecialPage_Button a {
        transition: background .4s
    }

    .bd-SpecialPage_Button a:hover {
        background-color: #193c72
    }

    .bd-Story_Button a {
        transition: background .4s
    }

    .bd-Story_Button a:hover {
        background-color: #193c72
    }

    .is-lukia .bd-Story_Button a:hover {
        background-color: #dc6076
    }

    .cr-List_ItemContainer {
        transition: opacity .4s
    }

    .cr-List_ItemContainer:hover {
        opacity: .5;
        text-decoration: none
    }

    .clg-List_Item a {
        transition: opacity .4s
    }

    .clg-List_Item a:hover {
        opacity: .6;
        text-decoration: none
    }

    .ct-GlobalIndex_Regions a {
        transition: opacity .4s
    }

    .ct-GlobalIndex_Regions a:hover {
        opacity: .5;
        text-decoration: none
    }

    .ct-GlobalIndex_RegionName {
        transition: opacity .4s
    }

    .ct-GlobalIndex_RegionName:hover {
        opacity: .5;
        text-decoration: none
    }

    .ct-GlobalIndex_CountriesInner a {
        transition: opacity .4s
    }

    .ct-GlobalIndex_CountriesInner a:hover {
        opacity: .5;
        text-decoration: none
    }

    .ct-GlobalTop_ItemInner {
        transition: opacity .4s
    }

    .ct-GlobalTop_ItemInner:hover {
        opacity: .5;
        text-decoration: none
    }

    .ct-Menu_Link a {
        transition: opacity .4s
    }

    .ct-Menu_Link a:hover {
        opacity: .5;
        text-decoration: none
    }

    .ct-Menu_Item a {
        transition: opacity .4s
    }

    .ct-Menu_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .co-List_Item a {
        transition: opacity .4s
    }

    .co-List_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cs-List_ItemInner {
        transition: opacity .4s
    }

    .cs-List_ItemInner:hover {
        opacity: .5;
        text-decoration: none
    }

    .faq-Contents_Item a {
        transition: opacity .4s
    }

    .faq-Contents_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .faq-Lead a {
        transition: opacity .4s
    }

    .faq-Lead a:hover {
        opacity: .5;
        text-decoration: none
    }

    .faq-Link_Item a {
        transition: opacity .4s
    }

    .faq-Link_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .faq-Link_Button a {
        transition: background .4s
    }

    .faq-Link_Button a:hover {
        background-color: #193c72
    }

    .fm-DownloadLinks_Link {
        transition: background-color .4s
    }

    .fm-DownloadLinks_Link:hover {
        background-color: #193c72
    }

    .fm-Facade_Anchor {
        transition: opacity .4s
    }

    .fm-Facade_Anchor:hover {
        opacity: .6
    }

    .fm-Facade_Button a {
        transition: background-color .4s
    }

    .fm-Facade_Button a:hover {
        background-color: #193c72
    }

    .fm-ItemLinks_Link,
    .fm-ItemLinks_Link-eps,
    .fm-ItemLinks_Link-jpg,
    .fm-ItemLinks_Link-open,
    .fm-ItemLinks_Link-pdf,
    .fm-ItemLinks_Link-tiff,
    .fm-ItemLinks_Link-word {
        transition: opacity .4s
    }

    .fm-ItemLinks_Link-eps:hover,
    .fm-ItemLinks_Link-jpg:hover,
    .fm-ItemLinks_Link-open:hover,
    .fm-ItemLinks_Link-pdf:hover,
    .fm-ItemLinks_Link-tiff:hover,
    .fm-ItemLinks_Link-word:hover,
    .fm-ItemLinks_Link:hover {
        opacity: .6
    }

    .fm-LanguageSelector_Item:not(.-current) .fm-LanguageSelector_Link {
        transition: opacity .4s
    }

    .fm-LanguageSelector_Item:not(.-current) .fm-LanguageSelector_Link:hover {
        opacity: .5;
        transition: opacity .4s
    }

    .fm-SignIn_Button {
        transition: background-color .4s
    }

    .fm-SignIn_Button:hover {
        background-color: #193c72
    }

    .fm-Title_BackLink {
        transition: opacity .4s
    }

    .fm-Title_BackLink:hover {
        opacity: .5;
        transition: opacity .4s
    }

    .fm-Title_Link>a {
        transition: opacity .4s
    }

    .fm-Title_Link>a:hover {
        opacity: .5;
        transition: opacity .4s
    }

    .gn-GlobalIndex_Regions>li:not(:nth-child(3n)) {
        margin-right: 4.7619048%
    }

    .gn-GlobalIndex_RegionName>div {
        transition: opacity .4s
    }

    .gn-GlobalIndex_RegionName>div:hover {
        opacity: .5;
        text-decoration: none
    }

    .gn-Menu_Regions a {
        transition: opacity .4s
    }

    .gn-Menu_Regions a:hover {
        opacity: .5;
        text-decoration: none
    }

    .gn-Menu_RegionName {
        transition: opacity .4s
    }

    .gn-Menu_RegionName:hover {
        opacity: .5;
        text-decoration: none
    }

    .hm-Collection_GridItem:hover .hm-Collection_GridItemBg {
        transform: scale(1.1)
    }

    .hm-Collection_Prev {
        transition: opacity .4s
    }

    .hm-Collection_Prev:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-Collection_Next {
        transition: opacity .4s
    }

    .hm-Collection_Next:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-Collection_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .hm-Collection_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .hm-Collection_Button a {
        transition: background .4s
    }

    .hm-Collection_Button a:hover {
        background-color: #193c72
    }

    .hm-GsBanner_Inner a {
        transition: opacity .4s
    }

    .hm-GsBanner_Inner a:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-ImportantNews_Item a {
        transition: opacity .4s
    }

    .hm-ImportantNews_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .hm-MainVisual_Prev {
        transition: opacity .4s
    }

    .hm-MainVisual_Prev:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-MainVisual_Next {
        transition: opacity .4s
    }

    .hm-MainVisual_Next:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-MainVisual_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .hm-MainVisual_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .hm-News_Item a {
        transition: opacity .4s
    }

    .hm-News_Item a:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-News_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .hm-News_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .hm-News_Button a {
        transition: background .4s
    }

    .hm-News_Button a:hover {
        background-color: #193c72
    }

    .hm-OnlineRepair_Item a {
        transition: opacity .4s
    }

    .hm-OnlineRepair_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .hm-OnlineRepair_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .hm-OnlineRepair_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .hm-OnlineRepair_MasterShopInner a {
        transition: opacity .4s
    }

    .hm-OnlineRepair_MasterShopInner a:hover {
        opacity: .5;
        text-decoration: none
    }

    .hm-OtherCollection_Button a {
        transition: background .4s
    }

    .hm-OtherCollection_Button a:hover {
        background-color: #193c72
    }

    .hm-ProductSearch_Button {
        transition: background .4s
    }

    .hm-ProductSearch_Button:hover {
        background-color: #193c72
    }

    .hm-Recommended_ItemInner>a {
        transition: opacity .4s
    }

    .hm-Recommended_ItemInner>a:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-Recommended_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .hm-Recommended_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .hm-Recommended_Button a {
        transition: background .4s
    }

    .hm-Recommended_Button a:hover {
        background-color: #193c72
    }

    .hm-WorldOfSeiko_GridItem:hover .hm-WorldOfSeiko_GridItemBg {
        transform: scale(1.1)
    }

    .hm-WorldOfSeiko_Prev {
        transition: opacity .4s
    }

    .hm-WorldOfSeiko_Prev:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-WorldOfSeiko_Next {
        transition: opacity .4s
    }

    .hm-WorldOfSeiko_Next:hover {
        opacity: .6;
        text-decoration: none
    }

    .hm-WorldOfSeiko_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .hm-WorldOfSeiko_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .hm-WorldOfSeiko_Button a {
        transition: background .4s
    }

    .hm-WorldOfSeiko_Button a:hover {
        background-color: #193c72
    }

    .instr-Result a {
        transition: opacity .4s
    }

    .instr-Result a:hover {
        opacity: .5;
        text-decoration: none
    }

    .instr-Search_CaliberSearchButton {
        transition: opacity .4s
    }

    .instr-Search_CaliberSearchButton:hover {
        opacity: .5;
        text-decoration: none
    }

    .instr-Search_InitialSearchItem,
    .instr-Search_InitialSearchItem-circle,
    .instr-Search_InitialSearchItem-other,
    .instr-Search_InitialSearchItem-pedometer {
        transition: opacity .4s
    }

    .instr-Search_InitialSearchItem-circle:hover,
    .instr-Search_InitialSearchItem-other:hover,
    .instr-Search_InitialSearchItem-pedometer:hover,
    .instr-Search_InitialSearchItem:hover {
        opacity: .5;
        text-decoration: none
    }

    .instr-Search_InitialSearchAll {
        transition: opacity .4s
    }

    .instr-Search_InitialSearchAll:hover {
        opacity: .6;
        text-decoration: none
    }

    .kl-List_ItemContainer {
        transition: opacity .4s
    }

    .kl-List_ItemContainer:hover {
        opacity: .5;
        text-decoration: none
    }

    .lu-List_Item>a {
        transition: opacity .4s
    }

    .lu-List_Item>a:hover {
        opacity: .6;
        text-decoration: none
    }

    .lu-List_Button a {
        transition: background .4s
    }

    .lu-List_Button a:hover {
        background-color: #193c72
    }

    .nw-Categories_Item>a {
        transition: opacity .4s
    }

    .nw-Categories_Item>a:hover {
        opacity: .5;
        text-decoration: none
    }

    .nw-List_Thumb a {
        transition: opacity .4s
    }

    .nw-List_Thumb a:hover {
        opacity: .5;
        text-decoration: none
    }

    .nw-List_Category,
    .nw-List_Category-basel,
    .nw-List_Category-important,
    .nw-List_Category-press,
    .nw-List_Category-story,
    .nw-List_Category-topics {
        transition: opacity .4s
    }

    .nw-List_Category-basel:hover,
    .nw-List_Category-important:hover,
    .nw-List_Category-press:hover,
    .nw-List_Category-story:hover,
    .nw-List_Category-topics:hover,
    .nw-List_Category:hover {
        opacity: .5;
        text-decoration: none
    }

    .nw-List_Title a {
        transition: opacity .4s
    }

    .nw-List_Title a:hover {
        opacity: .5;
        text-decoration: none
    }

    .nw-List_More button {
        transition: background .4s
    }

    .nw-List_More button:hover {
        background-color: #193c72
    }

    .pds-GsBanner_Inner a {
        transition: opacity .4s
    }

    .pds-GsBanner_Inner a:hover {
        opacity: .6;
        text-decoration: none
    }

    .pds-License_Item a {
        transition: opacity .4s
    }

    .pds-License_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pds-License_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .pds-License_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .pds-Premium_Item a {
        transition: opacity .4s
    }

    .pds-Premium_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pds-Premium_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .pds-Premium_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .pds-Heading+.pds-Primary,
    .pds-Heading--related+.pds-Primary {
        margin-top: -50px
    }

    .pds-Primary_Item a {
        transition: opacity .4s
    }

    .pds-Primary_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pds-Related_Item a {
        transition: opacity .4s
    }

    .pds-Related_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pds-Related_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .pds-Related_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .pds-Secondary_Item a {
        transition: opacity .4s
    }

    .pds-Secondary_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .sach-Results_Thumb a {
        transition: opacity .4s
    }

    .sach-Results_Thumb a:hover {
        opacity: .5;
        text-decoration: none
    }

    .sach-Results_Category,
    .sach-Results_Category-basel,
    .sach-Results_Category-important,
    .sach-Results_Category-press,
    .sach-Results_Category-story,
    .sach-Results_Category-topics {
        transition: opacity .4s
    }

    .sach-Results_Category-basel:hover,
    .sach-Results_Category-important:hover,
    .sach-Results_Category-press:hover,
    .sach-Results_Category-story:hover,
    .sach-Results_Category-topics:hover,
    .sach-Results_Category:hover {
        opacity: .5;
        text-decoration: none
    }

    .sach-Results_Title a {
        transition: opacity .4s
    }

    .sach-Results_Title a:hover {
        opacity: .5;
        text-decoration: none
    }

    .sach-Results_More button {
        transition: background .4s
    }

    .sach-Results_More button:hover {
        background-color: #193c72
    }

    .sach-Search_Button {
        transition: opacity .4s
    }

    .sach-Search_Button:hover {
        opacity: .5;
        text-decoration: none
    }

    .slrg-Anchor_Item a {
        transition: opacity .4s
    }

    .slrg-Anchor_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .slrg-Regions a {
        transition: opacity .4s
    }

    .slrg-Regions a:hover {
        opacity: .5;
        text-decoration: none
    }

    .sr-Concept_Button a {
        transition: background .4s
    }

    .sr-Concept_Button a:hover {
        background-color: #193c72
    }

    .is-lukia .sr-Concept_Button a:hover {
        background-color: #dc6076
    }

    .sr-Features_Button a {
        transition: background .4s
    }

    .sr-Features_Button a:hover {
        background-color: #193c72
    }

    .sr-Lineup_Item>a {
        transition: opacity .4s
    }

    .sr-Lineup_Item>a:hover {
        opacity: .6;
        text-decoration: none
    }

    .sr-Lineup_Favorite button {
        transition: opacity .4s
    }

    .sr-Lineup_Favorite button:hover {
        opacity: .5;
        text-decoration: none
    }

    .sr-Movie_Cover:after {
        transition: background .4s
    }

    .sr-Movie_Cover:hover:after {
        background-color: transparent
    }

    .sr-Movie_Cover:hover .sr-Movie_PlayButton_Circle {
        fill: #fff;
        opacity: 1
    }

    .sr-Movie_Cover:hover .sr-Movie_PlayButton_Arrow {
        fill: #13294b
    }

    .sr-Movie_ModalClose {
        transition: opacity .4s
    }

    .sr-Movie_ModalClose:hover {
        opacity: .5;
        text-decoration: none
    }

    .sr-Story_Button a {
        transition: background .4s
    }

    .sr-Story_Button a:hover {
        background-color: #193c72
    }

    .is-lukia .sr-Story_Button a:hover {
        background-color: #dc6076
    }

    .str-Boutique_Text a,
    .str-Boutique_Text-white a {
        transition: opacity .4s
    }

    .str-Boutique_Text a:hover,
    .str-Boutique_Text-white a:hover {
        opacity: .5;
        text-decoration: none
    }

    .str-Boutique_Link a {
        transition: background .4s
    }

    .str-Boutique_Link a:hover {
        background-color: #193c72;
        opacity: 1
    }

    .str-Brand_Item a {
        transition: opacity .4s
    }

    .str-Brand_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .str-Brand_MasterShop a {
        transition: opacity .4s
    }

    .str-Brand_MasterShop a:hover {
        opacity: .5;
        text-decoration: none
    }

    .str-Flagship_Link a {
        transition: background .4s
    }

    .str-Flagship_Link a:hover {
        background-color: #193c72
    }

    .str-Flagship_BottomInner a {
        transition: opacity .4s
    }

    .str-Flagship_BottomInner a:hover {
        opacity: .5;
        text-decoration: none
    }

    .str-MainVisual_Link a {
        transition: background .4s
    }

    .str-MainVisual_Link a:hover {
        background-color: #ddd
    }

    .ss-OnlineShop_Item a {
        transition: opacity .4s
    }

    .ss-OnlineShop_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .ss-Result_Map a {
        transition: opacity .4s
    }

    .ss-Result_Map a:hover {
        opacity: .5;
        text-decoration: none
    }

    .ss-Search_Button {
        transition: background .4s
    }

    .ss-Search_Button:hover {
        background-color: #193c72
    }

    .stry-List_Thumb a {
        transition: opacity .4s
    }

    .stry-List_Thumb a:hover {
        opacity: .6;
        text-decoration: none
    }

    .stry-List_Title a {
        transition: opacity .4s
    }

    .stry-List_Title a:hover {
        opacity: .5;
        text-decoration: none
    }

    .sp-Contact_Link a {
        transition: background .4s
    }

    .sp-Contact_Link a:hover {
        background-color: #193c72;
        opacity: 1
    }

    .sp-ImportantNews_Item a {
        transition: opacity .4s
    }

    .sp-ImportantNews_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .sp-Instruction_Thumb {
        transition: opacity .4s
    }

    .sp-Instruction_Thumb:hover {
        opacity: .5;
        text-decoration: none
    }

    .sp-Instruction_Link a {
        transition: opacity .4s
    }

    .sp-Instruction_Link a:hover {
        opacity: .5;
        text-decoration: none
    }

    .sp-List_Item a {
        transition: opacity .4s
    }

    .sp-List_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .sp-List_TextLinkBox {
        transition: opacity .4s
    }

    .sp-List_TextLinkBox:hover {
        opacity: .5;
        text-decoration: none
    }

    .sp-MainVisual_Link a {
        transition: background .4s
    }

    .sp-MainVisual_Link a:hover {
        background-color: #ddd
    }

    .sp-Trouble_Link a {
        transition: background .4s
    }

    .sp-Trouble_Link a:hover {
        background-color: #193c72
    }

    .trb-Link a {
        transition: opacity .4s
    }

    .trb-Link a:hover {
        opacity: .5;
        text-decoration: none
    }

    .trb-Links_Item a {
        transition: background .4s
    }

    .trb-Links_Item a:hover {
        background-color: #193c72
    }

    .trb-Notes_Inner a {
        transition: opacity .4s
    }

    .trb-Notes_Inner a:hover {
        opacity: .5;
        text-decoration: none
    }

    .wf-Filter_ContentInner {
        opacity: 0;
        transition: all .5s
    }

    .wf-Filter_ContentInner.is-shown {
        opacity: 1
    }

    [aria-hidden] .wf-Filter_ContentInner {
        display: none
    }

    [aria-hidden=false] .wf-Filter_ContentInner {
        display: block
    }

    [aria-expanded=true] .wf-Filter_FilterHandleName {
        color: #aaa
    }

    .wf-Filter_Reset {
        transition: opacity .4s
    }

    .wf-Filter_Reset:hover {
        opacity: .5;
        text-decoration: none
    }

    .wf-Filter_SpringBoards {
        margin-top: -2.6315789%
    }

    .wf-Filter_SpringBoard {
        width: 17.47368422%;
        margin-top: 2.6315789%
    }

    .wf-Filter_SpringBoard:not(:nth-child(5n)) {
        margin-right: 3.1578947%
    }

    .wf-Filter_SpringBoard label {
        transition: opacity .4s
    }

    .wf-Filter_SpringBoard label:hover {
        opacity: .4;
        text-decoration: none
    }

    .wf-Filter_Close {
        transition: opacity .4s
    }

    .wf-Filter_Close:hover {
        opacity: .5;
        text-decoration: none
    }

    .wf-Result_Item>a {
        transition: opacity .4s
    }

    .wf-Result_Item>a:hover {
        opacity: .6;
        text-decoration: none
    }

    .wf-Result_Favorite button {
        transition: opacity .4s
    }

    .wf-Result_Favorite button:hover {
        opacity: .5;
        text-decoration: none
    }

    .wf-Support_OtherBrandsItem a {
        transition: opacity .4s
    }

    .wf-Support_OtherBrandsItem a:hover {
        opacity: .5;
        text-decoration: none
    }

    .wcl-FaqLink_Item a {
        transition: opacity .4s
    }

    .wcl-FaqLink_Item a:hover {
        opacity: .5;
        text-decoration: none
    }

    .wl-List_ThumbInside a {
        transition: opacity .4s
    }

    .wl-List_ThumbInside a:hover {
        opacity: .5;
        text-decoration: none
    }

    .wl-List_Favorite {
        transition: opacity .4s
    }

    .wl-List_Favorite:hover {
        opacity: .5;
        text-decoration: none
    }

    .wd-Contents_Thumb a {
        transition: opacity .4s
    }

    .wd-Contents_Thumb a:hover {
        opacity: .6;
        text-decoration: none
    }

    .wd-Contents_Title a,
    .wd-Contents_Title-center a {
        transition: opacity .4s
    }

    .wd-Contents_Title a:hover,
    .wd-Contents_Title-center a:hover {
        opacity: .5;
        text-decoration: none
    }

    .wd-Sns_Image a {
        transition: opacity .4s
    }

    .wd-Sns_Image a:hover {
        opacity: .6;
        text-decoration: none
    }

    .wd-Sns_Title a {
        transition: opacity .4s
    }

    .wd-Sns_Title a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-AnchorList li a {
        transition: opacity .4s
    }

    .cmn-AnchorList li a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-AttentionText a {
        transition: opacity .4s
    }

    .cmn-AttentionText a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-Box a {
        transition: opacity .4s
    }

    .cmn-Box a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-Button a {
        transition: background .4s
    }

    .cmn-Button a:hover {
        background-color: #193c72
    }

    .cmn-Button_Notes a {
        transition: opacity .4s
    }

    .cmn-Button_Notes a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-ButtonColumn_Button {
        transition: background .4s
    }

    .cmn-ButtonColumn_Button:hover {
        background-color: #193c72
    }

    .cmn-ButtonColumn_Notes a {
        transition: opacity .4s
    }

    .cmn-ButtonColumn_Notes a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-ButtonFourColumn_Button {
        transition: background .4s
    }

    .cmn-ButtonFourColumn_Button:hover {
        background-color: #193c72
    }

    .cmn-ButtonFourColumn_Notes a {
        transition: opacity .4s
    }

    .cmn-ButtonFourColumn_Notes a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-ButtonThreeColumn_Button {
        transition: background .4s
    }

    .cmn-ButtonThreeColumn_Button:hover {
        background-color: #193c72
    }

    .cmn-ButtonThreeColumn_Notes a {
        transition: opacity .4s
    }

    .cmn-ButtonThreeColumn_Notes a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-Carousel_Caption a {
        transition: opacity .4s
    }

    .cmn-Carousel_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-Carousel_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .cmn-Carousel_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .cmn-HorizontalAnchorList li a {
        transition: opacity .4s
    }

    .cmn-HorizontalAnchorList li a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-Media_Caption a {
        transition: opacity .4s
    }

    .cmn-Media_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaBox_Body a {
        transition: opacity .4s
    }

    .cmn-MediaBox_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaBox_Caption a {
        transition: opacity .4s
    }

    .cmn-MediaBox_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaColumn_Caption a {
        transition: opacity .4s
    }

    .cmn-MediaColumn_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaFourColumn_Caption a {
        transition: opacity .4s
    }

    .cmn-MediaFourColumn_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaThreeColumn_Caption a {
        transition: opacity .4s
    }

    .cmn-MediaThreeColumn_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaUnit a {
        transition: opacity .4s
    }

    .cmn-MediaUnit a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaUnit_Cover:after {
        transition: background .4s
    }

    .cmn-MediaUnit_Cover:hover:after {
        background-color: transparent
    }

    .cmn-MediaUnit_Cover:hover .cmn-MediaUnit_PlayButton_Circle {
        fill: #fff;
        opacity: 1
    }

    .cmn-MediaUnit_Cover:hover .cmn-MediaUnit_PlayButton_Arrow {
        fill: #13294b
    }

    .cmn-MediaUnit_ModalClose {
        transition: opacity .4s
    }

    .cmn-MediaUnit_ModalClose:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaWrap_Body a {
        transition: opacity .4s
    }

    .cmn-MediaWrap_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-MediaWrap_Caption a {
        transition: opacity .4s
    }

    .cmn-MediaWrap_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-NotesList a,
    .cmn-NotesList-white a {
        transition: opacity .4s
    }

    .cmn-NotesList a:hover,
    .cmn-NotesList-white a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-OrderedList a {
        transition: opacity .4s
    }

    .cmn-OrderedList a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-Products_Body a {
        transition: opacity .4s
    }

    .cmn-Products_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-Table a {
        transition: opacity .4s
    }

    .cmn-Table a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-Text a {
        transition: opacity .4s
    }

    .cmn-Text a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-UnorderedList a {
        transition: opacity .4s
    }

    .cmn-UnorderedList a:hover {
        opacity: .5;
        text-decoration: none
    }

    .cmn-UnstyledList a {
        transition: opacity .4s
    }

    .cmn-UnstyledList a:hover {
        opacity: .5;
        text-decoration: none
    }

    .news-Information a {
        transition: opacity .4s
    }

    .news-Information a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-AnchorList li a {
        transition: opacity .4s
    }

    .pr-AnchorList li a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-AttentionText a {
        transition: opacity .4s
    }

    .pr-AttentionText a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Box a {
        transition: opacity .4s
    }

    .pr-Box a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Button a {
        transition: background .4s
    }

    .pr-Button a:hover {
        background-color: #193c72
    }

    .pr-Button_Notes a {
        transition: opacity .4s
    }

    .pr-Button_Notes a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-ButtonColumn_Button {
        transition: background .4s
    }

    .pr-ButtonColumn_Button:hover {
        background-color: #193c72
    }

    .pr-ButtonColumn_Notes a {
        transition: opacity .4s
    }

    .pr-ButtonColumn_Notes a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-ButtonFourColumn_Button {
        transition: background .4s
    }

    .pr-ButtonFourColumn_Button:hover {
        background-color: #193c72
    }

    .pr-ButtonFourColumn_Notes a {
        transition: opacity .4s
    }

    .pr-ButtonFourColumn_Notes a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-ButtonThreeColumn_Button {
        transition: background .4s
    }

    .pr-ButtonThreeColumn_Button:hover {
        background-color: #193c72
    }

    .pr-ButtonThreeColumn_Notes a {
        transition: opacity .4s
    }

    .pr-ButtonThreeColumn_Notes a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Carousel_Caption a {
        transition: opacity .4s
    }

    .pr-Carousel_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Carousel_Pagination-item:not(.is-current):before {
        transition: background .2s
    }

    .pr-Carousel_Pagination-item:not(.is-current):hover:before {
        background-color: #161616
    }

    .pr-ExtraImage_Button a {
        transition: background .4s
    }

    .pr-ExtraImage_Button a:hover {
        background-color: #193c72
    }

    .pr-Feature_Body a {
        transition: opacity .4s
    }

    .pr-Feature_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-FeatureTandem_Body a {
        transition: opacity .4s
    }

    .pr-FeatureTandem_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-HorizontalAnchorList li a {
        transition: opacity .4s
    }

    .pr-HorizontalAnchorList li a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Howto_Caption a {
        transition: opacity .4s
    }

    .pr-Howto_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Image_Button a {
        transition: background .4s
    }

    .pr-Image_Button a:hover {
        background-color: #193c72
    }

    .pr-Layout_Caption a {
        transition: opacity .4s
    }

    .pr-Layout_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaBox_Body a {
        transition: opacity .4s
    }

    .pr-MediaBox_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaBox_Caption a {
        transition: opacity .4s
    }

    .pr-MediaBox_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaColumn_Caption a {
        transition: opacity .4s
    }

    .pr-MediaColumn_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaFourColumn_Caption a {
        transition: opacity .4s
    }

    .pr-MediaFourColumn_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaThreeColumn_Caption a {
        transition: opacity .4s
    }

    .pr-MediaThreeColumn_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaUnit a {
        transition: opacity .4s
    }

    .pr-MediaUnit a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaUnit_Cover:after {
        transition: background .4s
    }

    .pr-MediaUnit_Cover:hover:after {
        background-color: transparent
    }

    .pr-MediaUnit_Cover:hover .pr-MediaUnit_PlayButton_Circle {
        fill: #fff;
        opacity: 1
    }

    .pr-MediaUnit_Cover:hover .pr-MediaUnit_PlayButton_Arrow {
        fill: #13294b
    }

    .pr-MediaUnit_ModalClose {
        transition: opacity .4s
    }

    .pr-MediaUnit_ModalClose:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaWrap.okra-style-on-init .pr-MediaWrap_Media,
    .pr-MediaWrap.okra-style-on-init .pr-MediaWrap_Media-left,
    .pr-MediaWrap.okra-style-on-init .pr-MediaWrap_Media-right {
        opacity: 0;
        transform: scale(1.03)
    }

    .pr-MediaWrap.okra-style-on-scroll .pr-MediaWrap_Media,
    .pr-MediaWrap.okra-style-on-scroll .pr-MediaWrap_Media-left,
    .pr-MediaWrap.okra-style-on-scroll .pr-MediaWrap_Media-right {
        opacity: 1;
        transform: scale(1);
        transition: transform .8s cubic-bezier(.165, .84, .44, 1) .4s, opacity .8s .4s
    }

    .pr-MediaWrap_Body a {
        transition: opacity .4s
    }

    .pr-MediaWrap_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-MediaWrap_Caption a {
        transition: opacity .4s
    }

    .pr-MediaWrap_Caption a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-NotesList a,
    .pr-NotesList-white a {
        transition: opacity .4s
    }

    .pr-NotesList a:hover,
    .pr-NotesList-white a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-OrderedList a {
        transition: opacity .4s
    }

    .pr-OrderedList a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Pair_Collection a {
        transition: opacity .4s
    }

    .pr-Pair_Collection a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Pair_Button a {
        transition: background .4s
    }

    .pr-Pair_Button a:hover {
        background-color: #193c72
    }

    .pr-Product_Zoom {
        transition: opacity .4s
    }

    .pr-Product_Zoom:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Product_Collection a {
        transition: opacity .4s
    }

    .pr-Product_Collection a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Product_Button_favorite button {
        transition: opacity .4s
    }

    .pr-Product_Button_favorite button:hover {
        opacity: .4;
        text-decoration: none
    }

    .pr-Product_ButtonInner>a,
    .pr-Product_ButtonInner>button {
        transition: opacity .4s
    }

    .pr-Product_ButtonInner>a:hover,
    .pr-Product_ButtonInner>button:hover {
        opacity: .4;
        text-decoration: none
    }

    .pr-Product_ButtonStore {
        transition: opacity .4s
    }

    .pr-Product_ButtonStore:hover {
        opacity: .4;
        text-decoration: none
    }

    .pr-Product_ShareItem a,
    .pr-Product_ShareItem-facebook a,
    .pr-Product_ShareItem-twitter a {
        transition: opacity .4s
    }

    .pr-Product_ShareItem a:hover,
    .pr-Product_ShareItem-facebook a:hover,
    .pr-Product_ShareItem-twitter a:hover {
        opacity: .6;
        text-decoration: none
    }

    .pr-Product_ShareClose {
        transition: opacity .4s
    }

    .pr-Product_ShareClose:hover {
        opacity: .6;
        text-decoration: none
    }

    .pr-Product_LinkList a {
        transition: opacity .4s
    }

    .pr-Product_LinkList a:hover {
        opacity: .6;
        text-decoration: none
    }

    .pr-Product_EcLink a {
        transition: opacity .4s
    }

    .pr-Product_EcLink a:hover {
        opacity: .4;
        text-decoration: none
    }

    .pr-Product_ModalClose {
        transition: opacity .4s
    }

    .pr-Product_ModalClose:hover {
        opacity: .4;
        text-decoration: none
    }

    .pr-Product_ModalPrev {
        transition: opacity .4s
    }

    .pr-Product_ModalPrev:hover {
        opacity: .4;
        text-decoration: none
    }

    .pr-Product_ModalNext {
        transition: opacity .4s
    }

    .pr-Product_ModalNext:hover {
        opacity: .4;
        text-decoration: none
    }

    .pr-Product_Thumbnail_Item:hover {
        border-radius: 0;
        border-color: #204072
    }

    .pr-Product_Thumbnail_Item:hover:after {
        border-width: 1px
    }

    .pr-Product_Thumbnail_NextBtn {
        transition: opacity .4s
    }

    .pr-Product_Thumbnail_NextBtn:hover {
        opacity: .6
    }

    .pr-Product_Thumbnail_PrevBtn {
        transition: opacity .4s
    }

    .pr-Product_Thumbnail_PrevBtn:hover {
        opacity: .6
    }

    .pr-Products_Body a {
        transition: opacity .4s
    }

    .pr-Products_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Table a {
        transition: opacity .4s
    }

    .pr-Table a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-TechnologyColumn_Body a {
        transition: opacity .4s
    }

    .pr-TechnologyColumn_Body a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Text a {
        transition: opacity .4s
    }

    .pr-Text a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-UnorderedList a {
        transition: opacity .4s
    }

    .pr-UnorderedList a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-UnstyledList a {
        transition: opacity .4s
    }

    .pr-UnstyledList a:hover {
        opacity: .5;
        text-decoration: none
    }

    .faq-BackButton a {
        transition: background .4s
    }

    .faq-BackButton a:hover {
        background-color: #193c72
    }

    .np-Functions_Print {
        transition: opacity .4s
    }

    .np-Functions_Print:hover {
        opacity: .5;
        text-decoration: none
    }

    .np-Functions_ShareItem a {
        transition: opacity .4s
    }

    .np-Functions_ShareItem a:hover {
        opacity: .5;
        text-decoration: none
    }

    .np-Header_Category,
    .np-Header_Category-basel,
    .np-Header_Category-important,
    .np-Header_Category-press,
    .np-Header_Category-story,
    .np-Header_Category-topics {
        transition: opacity .4s
    }

    .np-Header_Category-basel:hover,
    .np-Header_Category-important:hover,
    .np-Header_Category-press:hover,
    .np-Header_Category-story:hover,
    .np-Header_Category-topics:hover,
    .np-Header_Category:hover {
        opacity: .6;
        text-decoration: none
    }

    .nc-Links_Link {
        transition: background .4s
    }

    .nc-Links_Link:hover {
        background-color: #193c72
    }

    .onl-Agreement_Text a {
        transition: opacity .4s
    }

    .onl-Agreement_Text a:hover {
        opacity: .5;
        text-decoration: none
    }

    .onl-Button a:not(.is-disabled) {
        transition: background .4s
    }

    .onl-Button a:not(.is-disabled):hover {
        background-color: #193c72
    }

    .pr-Spec_Inner a {
        transition: opacity .4s
    }

    .pr-Spec_Inner a:hover {
        opacity: .5;
        text-decoration: none
    }

    .pr-Support_Item,
    .pr-Support_Item-contact,
    .pr-Support_Item-download,
    .pr-Support_Item-repair {
        transition: opacity .4s
    }

    .pr-Support_Item-contact:hover,
    .pr-Support_Item-download:hover,
    .pr-Support_Item-repair:hover,
    .pr-Support_Item:hover {
        opacity: .5;
        text-decoration: none
    }
}

@media only screen and (min-width:769px) and (min-width:769px) {
    .blk-Gnav_SocialItem a {
        transition: opacity .4s
    }

    .blk-Gnav_SocialItem a:hover {
        opacity: .5;
        text-decoration: none
    }
}

@media only screen and (min-width:2561px) {
    .blk-Header_Inner {
        left: 50%;
        max-width: 2560px;
        transform: translateX(-50%)
    }
}

@media only screen and (max-width:640px) {
    .blk-StoreSearch {
        height: auto;
        margin-bottom: 60px;
        padding: 60px 20px
    }

    .blk-StoreSearch_Inner {
        width: 100%
    }

    .bd-ImportantNews_Item a {
        padding-right: 0
    }

    .bd-ImportantNews_Item a:after {
        content: none
    }

    .bd-Lead {
        text-align: left
    }

    .clg-List_Item {
        width: 100%;
        border-right: 1px solid #eee
    }

    .ct-GlobalTop_Items {
        display: block;
        margin: 0 0 35px
    }

    .ct-GlobalTop_Item {
        width: 100%;
        margin-bottom: 40px
    }

    .ct-GlobalTop_Item:last-child {
        margin-bottom: 0
    }

    .ct-GlobalTop_ItemInside {
        padding: 10px 20px
    }

    .cs-List_Items {
        display: block;
        margin: 0 0 35px
    }

    .cs-List_Item {
        width: 100%
    }

    .cs-List_ItemInside {
        padding: 10px 20px
    }

    .faq-Contents {
        margin: 35px auto
    }

    .faq-Contents_Inner {
        display: block;
        margin: 0
    }

    .faq-Contents_Section,
    .faq-Contents_Section-full {
        width: 100%;
        margin-bottom: 40px;
        padding: 0
    }

    .faq-Contents_Heading,
    .faq-Contents_Text:not(:last-child) {
        margin-bottom: 15px
    }

    .faq-Lead {
        margin: 35px auto
    }

    .fm-Facade_Button a {
        max-width: 100%;
        margin: 40px 0 -30px
    }

    .fm-Hero_Inner {
        height: auto;
        padding-bottom: 62.5%
    }

    .fm-Hero_Image {
        height: 132.35294118%
    }

    .fm-ImageItem {
        width: 100%;
        box-shadow: 0 1px #eee, inset 0 1px #eee
    }

    .fm-Items {
        margin-top: 40px
    }

    .fm-Items_List {
        display: block
    }

    .fm-PdfItem {
        width: 100%;
        box-shadow: 0 1px #eee, inset 0 1px #eee
    }

    .fm-SignIn {
        min-height: 0;
        padding: 80px 20px
    }

    .fm-SignIn_Box {
        width: 100%;
        height: auto
    }

    .fm-SignIn_Items {
        display: block
    }

    .fm-SignIn_Item {
        width: 100%
    }

    .fm-SignIn_Item:not(:last-child) {
        margin: 0 0 20px
    }

    .fm-SignIn_Item input {
        font-size: 16px
    }

    .fm-SignIn_Button {
        max-width: 100%;
        margin: 40px 0 -30px
    }

    .gn-GlobalIndex_Regions {
        display: block;
        margin-top: 35px
    }

    .gn-GlobalIndex_Regions>li {
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .gn-GlobalIndex_Regions>li:not(:nth-child(3n)) {
        margin-right: 0
    }

    .gn-GlobalIndex_Regions>li:not(:last-child) {
        margin: 0 0 25px
    }

    .hm-Collection_Pagination-item {
        width: 12px;
        height: 12px
    }

    .hm-Collection_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .hm-ImportantNews_Item a {
        padding-right: 0
    }

    .hm-ImportantNews_Item a:after {
        content: none
    }

    .hm-ProductSearch {
        height: auto;
        margin-top: -60px;
        padding: 60px 20px
    }

    .hm-ProductSearch_Inner {
        width: 100%
    }

    .hm-WorldOfSeiko_Pagination-item {
        width: 12px;
        height: 12px
    }

    .hm-WorldOfSeiko_Pagination-item:before {
        top: 3px;
        left: 3px;
        width: 6px;
        height: 6px
    }

    .instr-Search_LanguageSelect {
        width: 100%;
        margin-left: 0
    }

    .slrg-Regions_Items {
        display: block;
        margin-top: 0
    }

    .slrg-Regions_Item {
        width: 100%;
        margin-top: 20px
    }

    .slrg-Regions_Item:not(:nth-child(2n)),
    .slrg-Regions_Item:not(:nth-child(4n)) {
        margin-right: 0
    }

    .sr-Lead {
        text-align: left
    }

    .sr-Movie_PlayButton {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px
    }

    .sr-Movie_PlayButton svg {
        width: 100%;
        height: 100%
    }

    .is-playing .sr-Movie_PlayButton {
        display: none
    }

    .str-Boutique_ColItem,
    .str-Boutique_ColItem-left,
    .str-Boutique_ColItem-right {
        display: block;
        min-height: 0;
        margin-bottom: 60px
    }

    .str-Boutique_ColItem .str-Boutique_Media,
    .str-Boutique_ColItem-left .str-Boutique_Media,
    .str-Boutique_ColItem-right .str-Boutique_Media {
        width: 100%;
        padding-bottom: 78.2089552%
    }

    .str-Boutique_ColItem .str-Boutique_ItemInner,
    .str-Boutique_ColItem-left .str-Boutique_ItemInner,
    .str-Boutique_ColItem-right .str-Boutique_ItemInner {
        width: 100%;
        padding: 0
    }

    .str-Boutique_ColItem .str-Boutique_Body,
    .str-Boutique_ColItem-left .str-Boutique_Body,
    .str-Boutique_ColItem-right .str-Boutique_Body {
        padding: 40px 0 0
    }

    .ss-OnlineShop_Items {
        display: block
    }

    .ss-OnlineShop_Item {
        width: 100%;
        margin-right: 0
    }

    .ss-OnlineShop_Item:nth-child(-n+3) {
        border-top: none
    }

    .ss-Search_Select {
        display: block
    }

    .ss-Search_Location {
        margin: 0 0 20px
    }

    .ss-Search_Button,
    .ss-Search_Location {
        width: 100%;
        max-width: 100%
    }

    .ss-Search_ButtonInner {
        padding: 0;
        text-align: center
    }

    .ss-Search_Filter {
        -moz-text-align-last: left;
        text-align-last: left
    }

    .ss-Search_FilterItems {
        display: block
    }

    .ss-Search_FilterItem:not(:last-child) {
        margin: 0 0 20px
    }

    .stry-List_Item {
        width: 100%
    }

    .stry-List_Item:not(:nth-child(2n)) {
        margin-right: 0
    }

    .sp-ImportantNews_Item a {
        padding-right: 0
    }

    .sp-ImportantNews_Item a:after {
        content: none
    }

    .sp-Instruction_Inside {
        display: block;
        margin-bottom: 35px
    }

    .sp-Instruction_Thumb {
        width: 100%;
        margin: 0 0 20px
    }

    .sp-Instruction_Body {
        width: 100%
    }

    .sp-List_TextLinkBoxInner {
        padding: 10px 20px
    }

    .trb-Box_Inner {
        padding: 4.7619048%
    }

    .trb-Box_Row {
        display: block
    }

    .trb-Box_Col {
        padding: 0
    }

    .trb-Box_Col:last-child {
        margin-top: 30px;
        border: none
    }

    .trb-Box_Image {
        text-align: center
    }

    .trb-Heading {
        text-align: left
    }

    .trb-Link {
        margin-bottom: 30px
    }

    .trb-Links_Items {
        overflow: hidden;
        display: block;
        margin: -20px 0 20px
    }

    .trb-Links_Item {
        width: 100%;
        margin: 20px 0 0
    }

    .wf-Filter_SpringBoards {
        margin-top: -5.9701493%
    }

    .wf-Filter_SpringBoard {
        width: 47.01492535%;
        margin-top: 5.9701493%
    }

    .wf-Filter_SpringBoard:not(:nth-child(2n)) {
        margin-right: 5.9701493%
    }

    .wf-Filter_FeatureItem,
    .wf-Filter_TypeItem {
        width: 50%
    }

    .wf-Filter_FunctionItem {
        width: 100%
    }

    .wcl-Section_Row {
        display: block
    }

    .wcl-Section_Col:not(:last-child) {
        margin: 0 0 20px
    }

    .wcl-Section_Items {
        display: block
    }

    .wcl-Section_Item:not(:last-child) {
        margin: 0 0 20px
    }

    .cmn-MediaBox_Inner {
        display: block
    }

    .cmn-MediaBox_Media,
    .cmn-MediaBox_Media-left,
    .cmn-MediaBox_Media-right {
        width: 100%;
        margin-bottom: 25px
    }

    .cmn-MediaBox_Media-left {
        margin-right: 0
    }

    .cmn-MediaBox_Media-right {
        margin-left: 0
    }

    .cmn-MediaColumn_ItemInner,
    .cmn-MediaFourColumn_ItemInner,
    .cmn-MediaThreeColumn_ItemInner {
        margin-bottom: 10px
    }

    .cmn-MediaUnit_PlayButton {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px
    }

    .cmn-MediaUnit_PlayButton svg {
        width: 100%;
        height: 100%
    }

    .is-playing .cmn-MediaUnit_PlayButton {
        display: none
    }

    .cmn-MediaWrap_MediaInner {
        margin-bottom: 10px
    }

    .cmn-Table td,
    .cmn-Table th {
        box-sizing: border-box;
        width: 200px
    }

    .cmn-Table td[colspan="2"],
    .cmn-Table th[colspan="2"] {
        width: 400px
    }

    .cmn-Table td[colspan="3"],
    .cmn-Table th[colspan="3"] {
        width: 600px
    }

    .cmn-Table td[colspan="4"],
    .cmn-Table th[colspan="4"] {
        width: 800px
    }

    .cmn-Table td[colspan="5"],
    .cmn-Table th[colspan="5"] {
        width: 1000px
    }

    .cmn-Table td[colspan="6"],
    .cmn-Table th[colspan="6"] {
        width: 1200px
    }

    .cmn-Table td[colspan="7"],
    .cmn-Table th[colspan="7"] {
        width: 1400px
    }

    .cmn-Table td[colspan="8"],
    .cmn-Table th[colspan="8"] {
        width: 1600px
    }

    .pr-ExtraImage_Container {
        position: relative
    }

    .pr-ExtraImage_Inner {
        min-height: 0;
        padding: 0;
        height: 80vw
    }

    .pr-ExtraImage_Inside {
        box-sizing: border-box;
        padding: 20px
    }

    .pr-ExtraImage_Body {
        font-size: 2rem
    }

    .pr-ExtraImage_Button {
        position: relative;
        bottom: 0;
        left: 0;
        transform: translateX(0)
    }

    .pr-ExtraImage_Button a {
        padding: 10px 40px;
        font-size: 1.2rem
    }

    .pr-Feature,
    .pr-Feature-left,
    .pr-Feature-right {
        min-width: 0;
        margin-bottom: 40px
    }

    .pr-Feature+.pr-Feature,
    .pr-Feature+.pr-Feature-left,
    .pr-Feature+.pr-Feature-right,
    .pr-Feature-left+.pr-Feature,
    .pr-Feature-left+.pr-Feature-left,
    .pr-Feature-left+.pr-Feature-right,
    .pr-Feature-right+.pr-Feature,
    .pr-Feature-right+.pr-Feature-left,
    .pr-Feature-right+.pr-Feature-right {
        margin-top: 40px
    }

    .pr-FeatureTandem {
        margin-bottom: 40px
    }

    .pr-Gallery {
        margin: 20px 0 60px
    }

    .pr-Gallery+.pr-Gallery,
    .pr-GalleryColumn+.pr-Gallery {
        margin-top: -40px
    }

    .pr-Gallery_Media .okra-image,
    .pr-Gallery_Media .okra-youtube-inner {
        padding-bottom: 56.25%
    }

    .pr-Gallery_Media img {
        height: 100%
    }

    .pr-GalleryColumn {
        margin: 20px 0 60px
    }

    .pr-Gallery+.pr-GalleryColumn,
    .pr-GalleryColumn+.pr-GalleryColumn {
        margin-top: -40px
    }

    .pr-GalleryColumn_Row {
        display: block
    }

    .pr-GalleryColumn_Row:not(:last-child) {
        margin-bottom: 20px
    }

    .pr-GalleryColumn_Col {
        width: 100%
    }

    .pr-GalleryColumn_Col:not(:last-child) {
        margin: 0 0 20px
    }

    .pr-Image_Container {
        position: relative
    }

    .pr-Image_Inner {
        min-height: 0;
        padding: 0;
        height: 62.5vw
    }

    .pr-Image_Inside {
        box-sizing: border-box;
        padding: 20px
    }

    .pr-Image_Body {
        font-size: 2rem
    }

    .pr-Image_Button {
        position: relative;
        padding: 0 20px;
        text-align: center
    }

    .pr-Image_Button a {
        position: relative;
        bottom: -70px;
        margin: 0 -20px;
        padding: 10px 40px;
        font-size: 1.2rem
    }

    .pr-Media .cmn-MediaUnit_Cover img {
        max-width: 100%
    }

    .pr-MediaBox_Inner {
        display: block
    }

    .pr-MediaBox_Media,
    .pr-MediaBox_Media-left,
    .pr-MediaBox_Media-right {
        width: 100%;
        margin-bottom: 25px
    }

    .pr-MediaBox_Media-left {
        margin-right: 0
    }

    .pr-MediaBox_Media-right {
        margin-left: 0
    }

    .pr-MediaColumn_ItemInner,
    .pr-MediaFourColumn_ItemInner,
    .pr-MediaThreeColumn_ItemInner {
        margin-bottom: 10px
    }

    .pr-MediaUnit_PlayButton {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px
    }

    .pr-MediaUnit_PlayButton svg {
        width: 100%;
        height: 100%
    }

    .is-playing .pr-MediaUnit_PlayButton {
        display: none
    }

    .pr-MediaWrap_MediaInner {
        margin-bottom: 10px
    }

    .pr-Table td,
    .pr-Table th {
        box-sizing: border-box;
        width: 200px
    }

    .pr-Table td[colspan="2"],
    .pr-Table th[colspan="2"] {
        width: 400px
    }

    .pr-Table td[colspan="3"],
    .pr-Table th[colspan="3"] {
        width: 600px
    }

    .pr-Table td[colspan="4"],
    .pr-Table th[colspan="4"] {
        width: 800px
    }

    .pr-Table td[colspan="5"],
    .pr-Table th[colspan="5"] {
        width: 1000px
    }

    .pr-Table td[colspan="6"],
    .pr-Table th[colspan="6"] {
        width: 1200px
    }

    .pr-Table td[colspan="7"],
    .pr-Table th[colspan="7"] {
        width: 1400px
    }

    .pr-Table td[colspan="8"],
    .pr-Table th[colspan="8"] {
        width: 1600px
    }

    .pr-TechnologyColumn {
        margin: 20px 0 60px
    }

    .pr-TechnologyColumn+.pr-TechnologyColumn {
        margin-top: 20px
    }

    .pr-TechnologyColumn_Inner {
        display: block;
        margin-bottom: 40px
    }

    .pr-TechnologyColumn_Inside {
        display: block;
        min-height: 0
    }

    .pr-TechnologyColumn_Media,
    .pr-TechnologyColumn_Media-left,
    .pr-TechnologyColumn_Media-right {
        width: 100%;
        margin-bottom: 40px
    }

    .pr-TechnologyColumn_MediaInner .okra-image {
        position: relative;
        padding-bottom: 78.2089552%
    }

    .pr-TechnologyColumn_Body {
        width: 100%;
        padding: 0
    }

    .pr-Spec_Icons {
        margin-bottom: 40px
    }

    .pr-Spec_Icon {
        margin: 0 4px
    }

    .pr-Spec_IconTooltip {
        width: 120px;
        margin-left: -60px
    }

    .pr-Support {
        display: block;
        border-top: none
    }

    .pr-Support_Item,
    .pr-Support_Item-contact,
    .pr-Support_Item-download,
    .pr-Support_Item-repair {
        justify-content: left;
        padding: 23px 40px 21px 60px;
        border-top: 1px solid #eee
    }

    .pr-Support_Item-contact:not(:last-child),
    .pr-Support_Item-download:not(:last-child),
    .pr-Support_Item-repair:not(:last-child),
    .pr-Support_Item:not(:last-child) {
        border-right: none
    }

    .pr-Support_Item-contact:before,
    .pr-Support_Item-download:before,
    .pr-Support_Item-repair:before,
    .pr-Support_Item:before {
        left: 20px
    }

    .pr-Support_Item-contact:after,
    .pr-Support_Item-download:after,
    .pr-Support_Item-repair:after,
    .pr-Support_Item:after {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 7px;
        height: 10px;
        margin-top: -4px;
        background: url(/assets/img/icon_arrow_right01.svg) 0 0/100% no-repeat;
        content: ""
    }
}

@media only screen and (min-width:769px) and (max-width:1600px) {
    .bd-MainVisual_Container {
        height: 0;
        padding-bottom: 34.375%
    }

    .bd-MainVisual_Media img,
    .bd-MainVisual_Media video {
        width: 125%
    }

    .bd-MainVisual_Next,
    .bd-MainVisual_Prev {
        margin-top: 15.9375%
    }

    .sr-MainVisual_Media img,
    .sr-MainVisual_Media video {
        width: 125%
    }

    .sr-MainVisual_Wrapper {
        height: 0;
        padding-bottom: 31.25%
    }
}

@media only screen and (min-width:769px) and (max-width:1279px) {

    .fm-ImageItem,
    .fm-PdfItem {
        width: 33.33%
    }
}

@media only screen and (min-width:769px) and (max-width:1700px) {
    .hm-MainVisual_Container {
        height: 0;
        padding-bottom: 42.3529412%
    }

    .hm-MainVisual_Next,
    .hm-MainVisual_Prev {
        margin-top: 19.6875%
    }
}

@media only screen and (min-width:769px) and (max-width:1280px) {

    .hm-MainVisual_Media img,
    .hm-MainVisual_Media video {
        width: 156.25%
    }

    .wf-Filter_SpringBoards {
        margin-top: -2.7472527%
    }
}

@media only screen and (min-width:641px) and (max-width:768px) {
    .wf-Filter_SpringBoard {
        width: 31.5018315%;
        margin-top: 2.7472527%
    }

    .wf-Filter_SpringBoard:not(:nth-child(3n)) {
        margin-right: 2.7472527%
    }
}







/* #store_btn ////////////////////////////////////////////////////*/
#store_btn .Button {
    position: fixed;
    right: 0;
    bottom: 100px;
    width: 100px;
    z-index: 50;
    background: #fff;
    border: 1px solid #eee;
    font-weight: 300;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
        -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease;
}

#store_btn .Button a {
    position: relative;
    display: table;
    width: 100%;
    padding: 10px;
    height: 40px;
    border: none;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    text-align: center;
}

#store_btn .Button:hover {
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    opacity: 0.6;
}

#store_btn .Button a::before {
    content: '';
    display: table-cell;
    background: url('/img/common/icon_map.svg') no-repeat;
    background-position: center center;
    background-size: 20px 30px;
    width: 20%;
}

/*
#store_btn .Button a::after {
    content: '';
    display: table-cell;
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    background: url('/img/common/icon_blank.svg') 0 0 no-repeat;
    background-position: right center;
    width: 20%;
}
*/

#store_btn .Button a span {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    padding-right: 0.8em;
}

#store_btn.fix .Button {
    width: 80px;
    height: 80px;
}

#store_btn.fix .Button a {
    width: 80px;
    height: 80px;
}

#store_btn.fix .Button  a::before {
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 15px;
}

/*
#store_btn.fix .Button  a::after {
    content: '';
    display:inline-block;
    width: 10px;
    height: 10px;
    background: url('/img/common/icon_blank.svg') no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 11px;
    right: 7px;
}
*/

#store_btn.fix .Button  a span {
    display: block;
    width: 60px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding-right: 0;
    font-size: 17px;
    font-weight: 400;
}

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


#store_btn .Button {
/*
    width: 120px;
    height: 40px;
*/
    right: 0;
    bottom: 15px;
}
    /*
#store_btn .Button  a {
    font-size: 16px;
}

#store_btn .Button a::before {
    width: 20px;
    height: 20px;
    top: 50%;
    left: 15px;
    margin-top: -10px;
    background-size: auto 100%;
}

#store_btn .Button a::after {
    width: 12px;
    height: 12px;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    background-size: auto 100%;
}
*/

}