html {
    font-family: YakuHanJP, Noto Sans JP, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-feature-settings: "palt" 1;
    line-height: 1.5;
    line-height: 1.15;
    letter-spacing: .05rem;
    word-break: break-all;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
    -webkit-text-size-adjust: 100%
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx),
only screen and (-webkit-min-device-pixel-ratio:2) {
    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

body {
    color: #444
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700
}

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

ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none
}

ol,
ul {
    list-style-position: inside
}

ol {
    list-style-type: decimal
}

dd,
dl {
    margin: 0
}

p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5
}

a:active,
a:hover,
a:link,
a:visited {
    color: #5893db
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
body {
    margin: 0
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1rem
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: none
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1rem
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.breadcrumb.breadcrumb-header {
    position: absolute;
    top: 64px;
    left: 15px;
    z-index: 1;
    display: none;
    overflow: hidden
}

@media screen and (min-width:992px) {
    .breadcrumb.breadcrumb-header {
        top: 132px
    }
}

@media screen and (min-width:520px) {
    .breadcrumb.breadcrumb-header {
        display: block
    }
}

.breadcrumb.breadcrumb-footer {
    padding: 15px;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #eee
}

@media screen and (min-width:520px) {
    .breadcrumb.breadcrumb-footer {
        display: none
    }
}

.breadcrumb li {
    float: left;
    font-size: .5625rem;
    color: #3e3a39
}

.breadcrumb li>a:before,
.breadcrumb li>span:before {
    color: grey;
    content: "／"
}

.breadcrumb li>a:active,
.breadcrumb li>a:hover,
.breadcrumb li>a:link,
.breadcrumb li>a:visited {
    color: #3e3a39;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .breadcrumb li>a {
        transition-duration: .3s
    }

    .breadcrumb li>a:hover {
        opacity: .7
    }
}

.breadcrumb li:first-of-type>a:before,
.breadcrumb li:first-of-type>span:before {
    display: none
}

.button.button-center {
    text-align: center
}

.button.button-center .button--tojiru,
.button.button-center .button--zoom {
    margin-right: auto;
    margin-left: auto
}

.button .button--zoom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #3e3a39;
    border-radius: 3px
}

.button .button--zoom.button--zoom-large {
    width: 100px
}

.button .button--zoom.button--zoom-large .button--zoom_icon {
    padding-left: 24px;
    margin-bottom: -2px;
    font-family: Roboto, sans-serif;
    color: #fff;
    letter-spacing: 0;
    font-size: .875rem
}

.button .button--zoom.button--zoom-large .button--zoom_icon:before {
    left: 0;
    margin-top: -10px;
    margin-left: 0
}

.button .button--zoom .button--zoom_icon {
    position: relative;
    display: inline-block
}

.button .button--zoom .button--zoom_icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
    content: "";
    background: url(../images/common/icon_zoom01@2x.png) 0 0 no-repeat;
    background-size: 18px
}

@media screen and (min-width: 769px) {
    .button--zoom {
        display: none !important;
    }
}

.button .button--tojiru {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 34px;
    color: #fff;
    background-color: grey;
    border-radius: 3px;
    font-size: .75rem
}

.button .button--tojiru .button--tojiru_icon {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    margin-top: -3px;
    letter-spacing: .1rem
}

.button .button--tojiru .button--tojiru_icon:after,
.button .button--tojiru .button--tojiru_icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 1px;
    content: "";
    background-color: #fff;
    transform: translateY(-50%)
}

.button .button--tojiru .button--tojiru_icon:before {
    transform: rotate(45deg)
}

.button .button--tojiru .button--tojiru_icon:after {
    transform: rotate(-45deg)
}

@media screen and (min-width:769px) {
    .cols {
        display: flex;
        justify-content: space-between
    }
}

@media screen and (min-width:769px) {
    .cols>* {
        width: 47.05%
    }
}

@media screen and (min-width:1140px) {
    .cols>* {
        width: 480px
    }
}

.cols>*+* {
    margin-top: 2rem
}

@media screen and (min-width:769px) {
    .cols>*+* {
        margin-top: 0
    }
}

@media screen and (min-width:769px) {
    .cols-reverse {
        flex-direction: row-reverse
    }
}

@media screen and (min-width:769px) {
    .cols-align_items_center {
        align-items: center
    }
}

@media screen and (min-width:769px) {
    .cols-6_4>:first-child {
        width: 56.46%
    }
}

@media screen and (min-width:1140px) {
    .cols-6_4>:first-child {
        width: 576px
    }
}

@media screen and (min-width:769px) {
    .cols-6_4>:nth-child(2) {
        width: 37.64%
    }
}

@media screen and (min-width:1140px) {
    .cols-6_4>:nth-child(2) {
        width: 384px
    }
}

@media screen and (min-width:769px) {
    .cols-4_6>:first-child {
        width: 37.64%
    }
}

@media screen and (min-width:1140px) {
    .cols-4_6>:first-child {
        width: 384px
    }
}

@media screen and (min-width:769px) {
    .cols-4_6>:nth-child(2) {
        width: 56.46%
    }
}

@media screen and (min-width:1140px) {
    .cols-4_6>:nth-child(2) {
        width: 576px
    }
}

.figure {
    padding: 0;
    margin: 0
}

.figure--caption {
    margin-top: 8px;
    line-height: 1.375;
    text-align: left;
    font-size: .6875rem
}

.figure--caption-right {
    text-align: right
}

.inview {
    opacity: 0;
    transform: translateY(28px)
}

.inview.is_inview {
    animation: inview_fadein 1.6s cubic-bezier(.215, .61, .355, 1) forwards
}

@keyframes inview_fadein {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.pagenavigation {
    padding-bottom: 12%
}

@media screen and (min-width:520px) {
    .pagenavigation {
        padding-bottom: 7.5%
    }
}

.pagenavigation.pagenavigation-single ul {
    justify-content: center
}

.pagenavigation.pagenavigation-padding_small {
    padding-bottom: 6%
}

@media screen and (min-width:520px) {
    .pagenavigation.pagenavigation-padding_small {
        padding-bottom: 3%
    }
}

.pagenavigation ul {
    display: flex;
    justify-content: space-between;
    max-width: 470px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto
}

.pagenavigation ul li {
    display: flex;
    width: 46.8%
}

.pagenavigation ul li .pagenavigation_button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    border: 1px solid #3e3a39;
    border-radius: 3px;
    font-size: .8125rem
}

@media screen and (min-width:520px) {
    .pagenavigation ul li .pagenavigation_button {
        height: 48px
    }
}

.pagenavigation ul li .pagenavigation_button:active,
.pagenavigation ul li .pagenavigation_button:hover,
.pagenavigation ul li .pagenavigation_button:link,
.pagenavigation ul li .pagenavigation_button:visited {
    color: #3e3a39;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .pagenavigation ul li .pagenavigation_button {
        transition-duration: .3s
    }

    .pagenavigation ul li .pagenavigation_button:hover {
        opacity: .7
    }
}

.pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon {
    display: inline-block
}

.pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 5px;
    height: 9px;
    margin-top: -5px;
    content: ""
}

@media screen and (min-width:520px) {
    .pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon:before {
        width: 7px;
        height: 13px;
        margin-top: -7px
    }
}

.pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon.pagenavigation_button_icon-previous {
    padding-left: 3px
}

@media screen and (min-width:520px) {
    .pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon.pagenavigation_button_icon-previous {
        padding-left: 12px
    }
}

.pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon.pagenavigation_button_icon-previous:before {
    left: 7px;
    background: url(../images/common/previous_ico01@2x.png) 0 0 no-repeat;
    background-size: 5px 9px
}

@media screen and (min-width:520px) {
    .pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon.pagenavigation_button_icon-previous:before {
        background: url(../images/common/previous_ico01.png) 0 0 no-repeat;
        background-size: 7px 13px
    }
}

.pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon.pagenavigation_button_icon-next {
    padding-right: 3px
}

@media screen and (min-width:520px) {
    .pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon.pagenavigation_button_icon-next {
        padding-right: 12px
    }
}

.pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon.pagenavigation_button_icon-next:before {
    right: 7px;
    background: url(../images/common/next_ico01@2x.png) 0 0 no-repeat;
    background-size: 5px 9px
}

@media screen and (min-width:520px) {
    .pagenavigation ul li .pagenavigation_button .pagenavigation_button_icon.pagenavigation_button_icon-next:before {
        background: url(../images/common/next_ico01.png) 0 0 no-repeat;
        background-size: 7px 13px
    }
}

.section--container {
    margin-bottom: 12%;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (min-width:520px) {
    .section--container {
        margin-bottom: 7.5%
    }
}

.section--container>:nth-child(2n) {
    background-color: #f4eee4
}

.section {
    padding-top: 10%;
    padding-bottom: 13%
}

@media screen and (min-width:520px) {
    .section {
        padding-top: 5%;
        padding-bottom: 7%
    }
}

.section--adjust {
    padding-right: 8%;
    padding-left: 8%
}

@media screen and (min-width:520px) {
    .section--adjust {
        padding-right: 4%;
        padding-left: 4%
    }
}

.section--header {
    margin-bottom: 8%;
    text-align: center
}

@media screen and (min-width:520px) {
    .section--header {
        margin-bottom: 4%
    }
}

.section--title {
    margin-bottom: 2%;
    font-weight: 500;
    color: #b2ac9f;
    font-size: 1.5rem
}

@media screen and (min-width:520px) {
    .section--title {
        font-size: 2.25rem;
        margin-bottom: 1.5%
    }
}

.section--intro {
    font-weight: 400;
    line-height: 1.375;
    color: #929e6d;
    letter-spacing: .1rem;
    font-size: 1.3125rem
}

@media screen and (min-width:520px) {
    .section--intro {
        font-size: 1.625rem
    }
}

.section--body {
    max-width: 520px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width:769px) {
    .section--body {
        max-width: 1020px
    }
}

.section--body img {
    display: block;
    width: 100%;
    height: auto
}

.section--body p {
    margin-bottom: 1rem;
    line-height: 2;
    text-align: justify;
    font-size: .875rem
}

.stack>*+* {
    margin-top: 12%
}

@media screen and (min-width:769px) {
    .stack>*+* {
        margin-top: 5%
    }
}

.sub_section--title {
    margin-bottom: 7.5%;
    font-weight: 400;
    line-height: 1.5;
    color: #929e6d;
    font-size: 1.3125rem
}

@media screen and (min-width:520px) {
    .sub_section--title {
        margin-bottom: 4%;
        font-size: 1.5rem
    }
}

@media screen and (min-width:769px) {
    .sub_section--title {
        margin-bottom: 4.5%
    }
}

@media screen and (min-width:992px) {
    .sub_section--title {
        margin-top: 1rem
    }
}

.sub_section--sub_title {
    margin-bottom: 7.5%;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1.125rem
}

@media screen and (min-width:520px) {
    .sub_section--sub_title {
        margin-bottom: 4%;
        font-size: 1.25rem
    }
}

@media screen and (min-width:769px) {
    .sub_section--sub_title {
        margin-bottom: 4.5%
    }
}

.u-cf:after,
.u-clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.u-d_none {
    display: none !important
}

.u-d_inline {
    display: inline !important
}

.u-d_inline_block {
    display: inline-block !important
}

.u-d_block {
    display: block !important
}

.u-d_flex {
    display: flex !important
}

@media screen and (min-width:0) {
    .u-d_xs_none {
        display: none !important
    }

    .u-d_xs_inline {
        display: inline !important
    }

    .u-d_xs_inline_block {
        display: inline-block !important
    }

    .u-d_xs_block {
        display: block !important
    }

    .u-d_xs_flex {
        display: flex !important
    }
}

@media screen and (min-width:375px) {
    .u-d_sm_none {
        display: none !important
    }

    .u-d_sm_inline {
        display: inline !important
    }

    .u-d_sm_inline_block {
        display: inline-block !important
    }

    .u-d_sm_block {
        display: block !important
    }

    .u-d_sm_flex {
        display: flex !important
    }
}

@media screen and (min-width:520px) {
    .u-d_md_none {
        display: none !important
    }

    .u-d_md_inline {
        display: inline !important
    }

    .u-d_md_inline_block {
        display: inline-block !important
    }

    .u-d_md_block {
        display: block !important
    }

    .u-d_md_flex {
        display: flex !important
    }
}

@media screen and (min-width:640px) {
    .u-d_am_none {
        display: none !important
    }

    .u-d_am_inline {
        display: inline !important
    }

    .u-d_am_inline_block {
        display: inline-block !important
    }

    .u-d_am_block {
        display: block !important
    }

    .u-d_am_flex {
        display: flex !important
    }
}

@media screen and (min-width:769px) {
    .u-d_ol_none {
        display: none !important
    }

    .u-d_ol_inline {
        display: inline !important
    }

    .u-d_ol_inline_block {
        display: inline-block !important
    }

    .u-d_ol_block {
        display: block !important
    }

    .u-d_ol_flex {
        display: flex !important
    }
}

@media screen and (min-width:992px) {
    .u-d_lg_none {
        display: none !important
    }

    .u-d_lg_inline {
        display: inline !important
    }

    .u-d_lg_inline_block {
        display: inline-block !important
    }

    .u-d_lg_block {
        display: block !important
    }

    .u-d_lg_flex {
        display: flex !important
    }
}

@media screen and (min-width:1140px) {
    .u-d_xl_none {
        display: none !important
    }

    .u-d_xl_inline {
        display: inline !important
    }

    .u-d_xl_inline_block {
        display: inline-block !important
    }

    .u-d_xl_block {
        display: block !important
    }

    .u-d_xl_flex {
        display: flex !important
    }
}

@media screen and (min-width:1366px) {
    .u-d_xxl_none {
        display: none !important
    }

    .u-d_xxl_inline {
        display: inline !important
    }

    .u-d_xxl_inline_block {
        display: inline-block !important
    }

    .u-d_xxl_block {
        display: block !important
    }

    .u-d_xxl_flex {
        display: flex !important
    }
}

.u-m_0 {
    margin: 0 !important
}

.u-mt_0 {
    margin-top: 0 !important
}

.u-mb_0 {
    margin-bottom: 0 !important
}

.u-ml_0 {
    margin-left: 0 !important
}

.u-mr_0 {
    margin-right: 0 !important
}

.u-p_0 {
    padding: 0 !important
}

.u-pt_0 {
    padding-top: 0 !important
}

.u-pb_0 {
    padding-bottom: 0 !important
}

.u-pl_0 {
    padding-left: 0 !important
}

.u-pr_0 {
    padding-right: 0 !important
}

.u-m_1 {
    margin: .25rem !important
}

.u-mt_1 {
    margin-top: .25rem !important
}

.u-mb_1 {
    margin-bottom: .25rem !important
}

.u-ml_1 {
    margin-left: .25rem !important
}

.u-mr_1 {
    margin-right: .25rem !important
}

.u-p_1 {
    padding: .25rem !important
}

.u-pt_1 {
    padding-top: .25rem !important
}

.u-pb_1 {
    padding-bottom: .25rem !important
}

.u-pl_1 {
    padding-left: .25rem !important
}

.u-pr_1 {
    padding-right: .25rem !important
}

.u-m_2 {
    margin: .5rem !important
}

.u-mt_2 {
    margin-top: .5rem !important
}

.u-mb_2 {
    margin-bottom: .5rem !important
}

.u-ml_2 {
    margin-left: .5rem !important
}

.u-mr_2 {
    margin-right: .5rem !important
}

.u-p_2 {
    padding: .5rem !important
}

.u-pt_2 {
    padding-top: .5rem !important
}

.u-pb_2 {
    padding-bottom: .5rem !important
}

.u-pl_2 {
    padding-left: .5rem !important
}

.u-pr_2 {
    padding-right: .5rem !important
}

.u-m_3 {
    margin: 1rem !important
}

.u-mt_3 {
    margin-top: 1rem !important
}

.u-mb_3 {
    margin-bottom: 1rem !important
}

.u-ml_3 {
    margin-left: 1rem !important
}

.u-mr_3 {
    margin-right: 1rem !important
}

.u-p_3 {
    padding: 1rem !important
}

.u-pt_3 {
    padding-top: 1rem !important
}

.u-pb_3 {
    padding-bottom: 1rem !important
}

.u-pl_3 {
    padding-left: 1rem !important
}

.u-pr_3 {
    padding-right: 1rem !important
}

.u-m_4 {
    margin: 1.5rem !important
}

.u-mt_4 {
    margin-top: 1.5rem !important
}

.u-mb_4 {
    margin-bottom: 1.5rem !important
}

.u-ml_4 {
    margin-left: 1.5rem !important
}

.u-mr_4 {
    margin-right: 1.5rem !important
}

.u-p_4 {
    padding: 1.5rem !important
}

.u-pt_4 {
    padding-top: 1.5rem !important
}

.u-pb_4 {
    padding-bottom: 1.5rem !important
}

.u-pl_4 {
    padding-left: 1.5rem !important
}

.u-pr_4 {
    padding-right: 1.5rem !important
}

.u-m_5 {
    margin: 3rem !important
}

.u-mt_5 {
    margin-top: 3rem !important
}

.u-mb_5 {
    margin-bottom: 3rem !important
}

.u-ml_5 {
    margin-left: 3rem !important
}

.u-mr_5 {
    margin-right: 3rem !important
}

.u-p_5 {
    padding: 3rem !important
}

.u-pt_5 {
    padding-top: 3rem !important
}

.u-pb_5 {
    padding-bottom: 3rem !important
}

.u-pl_5 {
    padding-left: 3rem !important
}

.u-pr_5 {
    padding-right: 3rem !important
}

@media screen and (min-width:0) {
    .u-m_xs_0 {
        margin: 0 !important
    }

    .u-mt_xs_0 {
        margin-top: 0 !important
    }

    .u-mb_xs_0 {
        margin-bottom: 0 !important
    }

    .u-ml_xs_0 {
        margin-left: 0 !important
    }

    .u-mr_xs_0 {
        margin-right: 0 !important
    }

    .u-p_xs_0 {
        padding: 0 !important
    }

    .u-pt_xs_0 {
        padding-top: 0 !important
    }

    .u-pb_xs_0 {
        padding-bottom: 0 !important
    }

    .u-pl_xs_0 {
        padding-left: 0 !important
    }

    .u-pr_xs_0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:375px) {
    .u-m_sm_0 {
        margin: 0 !important
    }

    .u-mt_sm_0 {
        margin-top: 0 !important
    }

    .u-mb_sm_0 {
        margin-bottom: 0 !important
    }

    .u-ml_sm_0 {
        margin-left: 0 !important
    }

    .u-mr_sm_0 {
        margin-right: 0 !important
    }

    .u-p_sm_0 {
        padding: 0 !important
    }

    .u-pt_sm_0 {
        padding-top: 0 !important
    }

    .u-pb_sm_0 {
        padding-bottom: 0 !important
    }

    .u-pl_sm_0 {
        padding-left: 0 !important
    }

    .u-pr_sm_0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:520px) {
    .u-m_md_0 {
        margin: 0 !important
    }

    .u-mt_md_0 {
        margin-top: 0 !important
    }

    .u-mb_md_0 {
        margin-bottom: 0 !important
    }

    .u-ml_md_0 {
        margin-left: 0 !important
    }

    .u-mr_md_0 {
        margin-right: 0 !important
    }

    .u-p_md_0 {
        padding: 0 !important
    }

    .u-pt_md_0 {
        padding-top: 0 !important
    }

    .u-pb_md_0 {
        padding-bottom: 0 !important
    }

    .u-pl_md_0 {
        padding-left: 0 !important
    }

    .u-pr_md_0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:640px) {
    .u-m_am_0 {
        margin: 0 !important
    }

    .u-mt_am_0 {
        margin-top: 0 !important
    }

    .u-mb_am_0 {
        margin-bottom: 0 !important
    }

    .u-ml_am_0 {
        margin-left: 0 !important
    }

    .u-mr_am_0 {
        margin-right: 0 !important
    }

    .u-p_am_0 {
        padding: 0 !important
    }

    .u-pt_am_0 {
        padding-top: 0 !important
    }

    .u-pb_am_0 {
        padding-bottom: 0 !important
    }

    .u-pl_am_0 {
        padding-left: 0 !important
    }

    .u-pr_am_0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:769px) {
    .u-m_ol_0 {
        margin: 0 !important
    }

    .u-mt_ol_0 {
        margin-top: 0 !important
    }

    .u-mb_ol_0 {
        margin-bottom: 0 !important
    }

    .u-ml_ol_0 {
        margin-left: 0 !important
    }

    .u-mr_ol_0 {
        margin-right: 0 !important
    }

    .u-p_ol_0 {
        padding: 0 !important
    }

    .u-pt_ol_0 {
        padding-top: 0 !important
    }

    .u-pb_ol_0 {
        padding-bottom: 0 !important
    }

    .u-pl_ol_0 {
        padding-left: 0 !important
    }

    .u-pr_ol_0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:992px) {
    .u-m_lg_0 {
        margin: 0 !important
    }

    .u-mt_lg_0 {
        margin-top: 0 !important
    }

    .u-mb_lg_0 {
        margin-bottom: 0 !important
    }

    .u-ml_lg_0 {
        margin-left: 0 !important
    }

    .u-mr_lg_0 {
        margin-right: 0 !important
    }

    .u-p_lg_0 {
        padding: 0 !important
    }

    .u-pt_lg_0 {
        padding-top: 0 !important
    }

    .u-pb_lg_0 {
        padding-bottom: 0 !important
    }

    .u-pl_lg_0 {
        padding-left: 0 !important
    }

    .u-pr_lg_0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:1140px) {
    .u-m_xl_0 {
        margin: 0 !important
    }

    .u-mt_xl_0 {
        margin-top: 0 !important
    }

    .u-mb_xl_0 {
        margin-bottom: 0 !important
    }

    .u-ml_xl_0 {
        margin-left: 0 !important
    }

    .u-mr_xl_0 {
        margin-right: 0 !important
    }

    .u-p_xl_0 {
        padding: 0 !important
    }

    .u-pt_xl_0 {
        padding-top: 0 !important
    }

    .u-pb_xl_0 {
        padding-bottom: 0 !important
    }

    .u-pl_xl_0 {
        padding-left: 0 !important
    }

    .u-pr_xl_0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:1366px) {
    .u-m_xxl_0 {
        margin: 0 !important
    }

    .u-mt_xxl_0 {
        margin-top: 0 !important
    }

    .u-mb_xxl_0 {
        margin-bottom: 0 !important
    }

    .u-ml_xxl_0 {
        margin-left: 0 !important
    }

    .u-mr_xxl_0 {
        margin-right: 0 !important
    }

    .u-p_xxl_0 {
        padding: 0 !important
    }

    .u-pt_xxl_0 {
        padding-top: 0 !important
    }

    .u-pb_xxl_0 {
        padding-bottom: 0 !important
    }

    .u-pl_xxl_0 {
        padding-left: 0 !important
    }

    .u-pr_xxl_0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:0) {
    .u-m_xs_1 {
        margin: .25rem !important
    }

    .u-mt_xs_1 {
        margin-top: .25rem !important
    }

    .u-mb_xs_1 {
        margin-bottom: .25rem !important
    }

    .u-ml_xs_1 {
        margin-left: .25rem !important
    }

    .u-mr_xs_1 {
        margin-right: .25rem !important
    }

    .u-p_xs_1 {
        padding: .25rem !important
    }

    .u-pt_xs_1 {
        padding-top: .25rem !important
    }

    .u-pb_xs_1 {
        padding-bottom: .25rem !important
    }

    .u-pl_xs_1 {
        padding-left: .25rem !important
    }

    .u-pr_xs_1 {
        padding-right: .25rem !important
    }
}

@media screen and (min-width:375px) {
    .u-m_sm_1 {
        margin: .25rem !important
    }

    .u-mt_sm_1 {
        margin-top: .25rem !important
    }

    .u-mb_sm_1 {
        margin-bottom: .25rem !important
    }

    .u-ml_sm_1 {
        margin-left: .25rem !important
    }

    .u-mr_sm_1 {
        margin-right: .25rem !important
    }

    .u-p_sm_1 {
        padding: .25rem !important
    }

    .u-pt_sm_1 {
        padding-top: .25rem !important
    }

    .u-pb_sm_1 {
        padding-bottom: .25rem !important
    }

    .u-pl_sm_1 {
        padding-left: .25rem !important
    }

    .u-pr_sm_1 {
        padding-right: .25rem !important
    }
}

@media screen and (min-width:520px) {
    .u-m_md_1 {
        margin: .25rem !important
    }

    .u-mt_md_1 {
        margin-top: .25rem !important
    }

    .u-mb_md_1 {
        margin-bottom: .25rem !important
    }

    .u-ml_md_1 {
        margin-left: .25rem !important
    }

    .u-mr_md_1 {
        margin-right: .25rem !important
    }

    .u-p_md_1 {
        padding: .25rem !important
    }

    .u-pt_md_1 {
        padding-top: .25rem !important
    }

    .u-pb_md_1 {
        padding-bottom: .25rem !important
    }

    .u-pl_md_1 {
        padding-left: .25rem !important
    }

    .u-pr_md_1 {
        padding-right: .25rem !important
    }
}

@media screen and (min-width:640px) {
    .u-m_am_1 {
        margin: .25rem !important
    }

    .u-mt_am_1 {
        margin-top: .25rem !important
    }

    .u-mb_am_1 {
        margin-bottom: .25rem !important
    }

    .u-ml_am_1 {
        margin-left: .25rem !important
    }

    .u-mr_am_1 {
        margin-right: .25rem !important
    }

    .u-p_am_1 {
        padding: .25rem !important
    }

    .u-pt_am_1 {
        padding-top: .25rem !important
    }

    .u-pb_am_1 {
        padding-bottom: .25rem !important
    }

    .u-pl_am_1 {
        padding-left: .25rem !important
    }

    .u-pr_am_1 {
        padding-right: .25rem !important
    }
}

@media screen and (min-width:769px) {
    .u-m_ol_1 {
        margin: .25rem !important
    }

    .u-mt_ol_1 {
        margin-top: .25rem !important
    }

    .u-mb_ol_1 {
        margin-bottom: .25rem !important
    }

    .u-ml_ol_1 {
        margin-left: .25rem !important
    }

    .u-mr_ol_1 {
        margin-right: .25rem !important
    }

    .u-p_ol_1 {
        padding: .25rem !important
    }

    .u-pt_ol_1 {
        padding-top: .25rem !important
    }

    .u-pb_ol_1 {
        padding-bottom: .25rem !important
    }

    .u-pl_ol_1 {
        padding-left: .25rem !important
    }

    .u-pr_ol_1 {
        padding-right: .25rem !important
    }
}

@media screen and (min-width:992px) {
    .u-m_lg_1 {
        margin: .25rem !important
    }

    .u-mt_lg_1 {
        margin-top: .25rem !important
    }

    .u-mb_lg_1 {
        margin-bottom: .25rem !important
    }

    .u-ml_lg_1 {
        margin-left: .25rem !important
    }

    .u-mr_lg_1 {
        margin-right: .25rem !important
    }

    .u-p_lg_1 {
        padding: .25rem !important
    }

    .u-pt_lg_1 {
        padding-top: .25rem !important
    }

    .u-pb_lg_1 {
        padding-bottom: .25rem !important
    }

    .u-pl_lg_1 {
        padding-left: .25rem !important
    }

    .u-pr_lg_1 {
        padding-right: .25rem !important
    }
}

@media screen and (min-width:1140px) {
    .u-m_xl_1 {
        margin: .25rem !important
    }

    .u-mt_xl_1 {
        margin-top: .25rem !important
    }

    .u-mb_xl_1 {
        margin-bottom: .25rem !important
    }

    .u-ml_xl_1 {
        margin-left: .25rem !important
    }

    .u-mr_xl_1 {
        margin-right: .25rem !important
    }

    .u-p_xl_1 {
        padding: .25rem !important
    }

    .u-pt_xl_1 {
        padding-top: .25rem !important
    }

    .u-pb_xl_1 {
        padding-bottom: .25rem !important
    }

    .u-pl_xl_1 {
        padding-left: .25rem !important
    }

    .u-pr_xl_1 {
        padding-right: .25rem !important
    }
}

@media screen and (min-width:1366px) {
    .u-m_xxl_1 {
        margin: .25rem !important
    }

    .u-mt_xxl_1 {
        margin-top: .25rem !important
    }

    .u-mb_xxl_1 {
        margin-bottom: .25rem !important
    }

    .u-ml_xxl_1 {
        margin-left: .25rem !important
    }

    .u-mr_xxl_1 {
        margin-right: .25rem !important
    }

    .u-p_xxl_1 {
        padding: .25rem !important
    }

    .u-pt_xxl_1 {
        padding-top: .25rem !important
    }

    .u-pb_xxl_1 {
        padding-bottom: .25rem !important
    }

    .u-pl_xxl_1 {
        padding-left: .25rem !important
    }

    .u-pr_xxl_1 {
        padding-right: .25rem !important
    }
}

@media screen and (min-width:0) {
    .u-m_xs_2 {
        margin: .5rem !important
    }

    .u-mt_xs_2 {
        margin-top: .5rem !important
    }

    .u-mb_xs_2 {
        margin-bottom: .5rem !important
    }

    .u-ml_xs_2 {
        margin-left: .5rem !important
    }

    .u-mr_xs_2 {
        margin-right: .5rem !important
    }

    .u-p_xs_2 {
        padding: .5rem !important
    }

    .u-pt_xs_2 {
        padding-top: .5rem !important
    }

    .u-pb_xs_2 {
        padding-bottom: .5rem !important
    }

    .u-pl_xs_2 {
        padding-left: .5rem !important
    }

    .u-pr_xs_2 {
        padding-right: .5rem !important
    }
}

@media screen and (min-width:375px) {
    .u-m_sm_2 {
        margin: .5rem !important
    }

    .u-mt_sm_2 {
        margin-top: .5rem !important
    }

    .u-mb_sm_2 {
        margin-bottom: .5rem !important
    }

    .u-ml_sm_2 {
        margin-left: .5rem !important
    }

    .u-mr_sm_2 {
        margin-right: .5rem !important
    }

    .u-p_sm_2 {
        padding: .5rem !important
    }

    .u-pt_sm_2 {
        padding-top: .5rem !important
    }

    .u-pb_sm_2 {
        padding-bottom: .5rem !important
    }

    .u-pl_sm_2 {
        padding-left: .5rem !important
    }

    .u-pr_sm_2 {
        padding-right: .5rem !important
    }
}

@media screen and (min-width:520px) {
    .u-m_md_2 {
        margin: .5rem !important
    }

    .u-mt_md_2 {
        margin-top: .5rem !important
    }

    .u-mb_md_2 {
        margin-bottom: .5rem !important
    }

    .u-ml_md_2 {
        margin-left: .5rem !important
    }

    .u-mr_md_2 {
        margin-right: .5rem !important
    }

    .u-p_md_2 {
        padding: .5rem !important
    }

    .u-pt_md_2 {
        padding-top: .5rem !important
    }

    .u-pb_md_2 {
        padding-bottom: .5rem !important
    }

    .u-pl_md_2 {
        padding-left: .5rem !important
    }

    .u-pr_md_2 {
        padding-right: .5rem !important
    }
}

@media screen and (min-width:640px) {
    .u-m_am_2 {
        margin: .5rem !important
    }

    .u-mt_am_2 {
        margin-top: .5rem !important
    }

    .u-mb_am_2 {
        margin-bottom: .5rem !important
    }

    .u-ml_am_2 {
        margin-left: .5rem !important
    }

    .u-mr_am_2 {
        margin-right: .5rem !important
    }

    .u-p_am_2 {
        padding: .5rem !important
    }

    .u-pt_am_2 {
        padding-top: .5rem !important
    }

    .u-pb_am_2 {
        padding-bottom: .5rem !important
    }

    .u-pl_am_2 {
        padding-left: .5rem !important
    }

    .u-pr_am_2 {
        padding-right: .5rem !important
    }
}

@media screen and (min-width:769px) {
    .u-m_ol_2 {
        margin: .5rem !important
    }

    .u-mt_ol_2 {
        margin-top: .5rem !important
    }

    .u-mb_ol_2 {
        margin-bottom: .5rem !important
    }

    .u-ml_ol_2 {
        margin-left: .5rem !important
    }

    .u-mr_ol_2 {
        margin-right: .5rem !important
    }

    .u-p_ol_2 {
        padding: .5rem !important
    }

    .u-pt_ol_2 {
        padding-top: .5rem !important
    }

    .u-pb_ol_2 {
        padding-bottom: .5rem !important
    }

    .u-pl_ol_2 {
        padding-left: .5rem !important
    }

    .u-pr_ol_2 {
        padding-right: .5rem !important
    }
}

@media screen and (min-width:992px) {
    .u-m_lg_2 {
        margin: .5rem !important
    }

    .u-mt_lg_2 {
        margin-top: .5rem !important
    }

    .u-mb_lg_2 {
        margin-bottom: .5rem !important
    }

    .u-ml_lg_2 {
        margin-left: .5rem !important
    }

    .u-mr_lg_2 {
        margin-right: .5rem !important
    }

    .u-p_lg_2 {
        padding: .5rem !important
    }

    .u-pt_lg_2 {
        padding-top: .5rem !important
    }

    .u-pb_lg_2 {
        padding-bottom: .5rem !important
    }

    .u-pl_lg_2 {
        padding-left: .5rem !important
    }

    .u-pr_lg_2 {
        padding-right: .5rem !important
    }
}

@media screen and (min-width:1140px) {
    .u-m_xl_2 {
        margin: .5rem !important
    }

    .u-mt_xl_2 {
        margin-top: .5rem !important
    }

    .u-mb_xl_2 {
        margin-bottom: .5rem !important
    }

    .u-ml_xl_2 {
        margin-left: .5rem !important
    }

    .u-mr_xl_2 {
        margin-right: .5rem !important
    }

    .u-p_xl_2 {
        padding: .5rem !important
    }

    .u-pt_xl_2 {
        padding-top: .5rem !important
    }

    .u-pb_xl_2 {
        padding-bottom: .5rem !important
    }

    .u-pl_xl_2 {
        padding-left: .5rem !important
    }

    .u-pr_xl_2 {
        padding-right: .5rem !important
    }
}

@media screen and (min-width:1366px) {
    .u-m_xxl_2 {
        margin: .5rem !important
    }

    .u-mt_xxl_2 {
        margin-top: .5rem !important
    }

    .u-mb_xxl_2 {
        margin-bottom: .5rem !important
    }

    .u-ml_xxl_2 {
        margin-left: .5rem !important
    }

    .u-mr_xxl_2 {
        margin-right: .5rem !important
    }

    .u-p_xxl_2 {
        padding: .5rem !important
    }

    .u-pt_xxl_2 {
        padding-top: .5rem !important
    }

    .u-pb_xxl_2 {
        padding-bottom: .5rem !important
    }

    .u-pl_xxl_2 {
        padding-left: .5rem !important
    }

    .u-pr_xxl_2 {
        padding-right: .5rem !important
    }
}

@media screen and (min-width:0) {
    .u-m_xs_3 {
        margin: 1rem !important
    }

    .u-mt_xs_3 {
        margin-top: 1rem !important
    }

    .u-mb_xs_3 {
        margin-bottom: 1rem !important
    }

    .u-ml_xs_3 {
        margin-left: 1rem !important
    }

    .u-mr_xs_3 {
        margin-right: 1rem !important
    }

    .u-p_xs_3 {
        padding: 1rem !important
    }

    .u-pt_xs_3 {
        padding-top: 1rem !important
    }

    .u-pb_xs_3 {
        padding-bottom: 1rem !important
    }

    .u-pl_xs_3 {
        padding-left: 1rem !important
    }

    .u-pr_xs_3 {
        padding-right: 1rem !important
    }
}

@media screen and (min-width:375px) {
    .u-m_sm_3 {
        margin: 1rem !important
    }

    .u-mt_sm_3 {
        margin-top: 1rem !important
    }

    .u-mb_sm_3 {
        margin-bottom: 1rem !important
    }

    .u-ml_sm_3 {
        margin-left: 1rem !important
    }

    .u-mr_sm_3 {
        margin-right: 1rem !important
    }

    .u-p_sm_3 {
        padding: 1rem !important
    }

    .u-pt_sm_3 {
        padding-top: 1rem !important
    }

    .u-pb_sm_3 {
        padding-bottom: 1rem !important
    }

    .u-pl_sm_3 {
        padding-left: 1rem !important
    }

    .u-pr_sm_3 {
        padding-right: 1rem !important
    }
}

@media screen and (min-width:520px) {
    .u-m_md_3 {
        margin: 1rem !important
    }

    .u-mt_md_3 {
        margin-top: 1rem !important
    }

    .u-mb_md_3 {
        margin-bottom: 1rem !important
    }

    .u-ml_md_3 {
        margin-left: 1rem !important
    }

    .u-mr_md_3 {
        margin-right: 1rem !important
    }

    .u-p_md_3 {
        padding: 1rem !important
    }

    .u-pt_md_3 {
        padding-top: 1rem !important
    }

    .u-pb_md_3 {
        padding-bottom: 1rem !important
    }

    .u-pl_md_3 {
        padding-left: 1rem !important
    }

    .u-pr_md_3 {
        padding-right: 1rem !important
    }
}

@media screen and (min-width:640px) {
    .u-m_am_3 {
        margin: 1rem !important
    }

    .u-mt_am_3 {
        margin-top: 1rem !important
    }

    .u-mb_am_3 {
        margin-bottom: 1rem !important
    }

    .u-ml_am_3 {
        margin-left: 1rem !important
    }

    .u-mr_am_3 {
        margin-right: 1rem !important
    }

    .u-p_am_3 {
        padding: 1rem !important
    }

    .u-pt_am_3 {
        padding-top: 1rem !important
    }

    .u-pb_am_3 {
        padding-bottom: 1rem !important
    }

    .u-pl_am_3 {
        padding-left: 1rem !important
    }

    .u-pr_am_3 {
        padding-right: 1rem !important
    }
}

@media screen and (min-width:769px) {
    .u-m_ol_3 {
        margin: 1rem !important
    }

    .u-mt_ol_3 {
        margin-top: 1rem !important
    }

    .u-mb_ol_3 {
        margin-bottom: 1rem !important
    }

    .u-ml_ol_3 {
        margin-left: 1rem !important
    }

    .u-mr_ol_3 {
        margin-right: 1rem !important
    }

    .u-p_ol_3 {
        padding: 1rem !important
    }

    .u-pt_ol_3 {
        padding-top: 1rem !important
    }

    .u-pb_ol_3 {
        padding-bottom: 1rem !important
    }

    .u-pl_ol_3 {
        padding-left: 1rem !important
    }

    .u-pr_ol_3 {
        padding-right: 1rem !important
    }
}

@media screen and (min-width:992px) {
    .u-m_lg_3 {
        margin: 1rem !important
    }

    .u-mt_lg_3 {
        margin-top: 1rem !important
    }

    .u-mb_lg_3 {
        margin-bottom: 1rem !important
    }

    .u-ml_lg_3 {
        margin-left: 1rem !important
    }

    .u-mr_lg_3 {
        margin-right: 1rem !important
    }

    .u-p_lg_3 {
        padding: 1rem !important
    }

    .u-pt_lg_3 {
        padding-top: 1rem !important
    }

    .u-pb_lg_3 {
        padding-bottom: 1rem !important
    }

    .u-pl_lg_3 {
        padding-left: 1rem !important
    }

    .u-pr_lg_3 {
        padding-right: 1rem !important
    }
}

@media screen and (min-width:1140px) {
    .u-m_xl_3 {
        margin: 1rem !important
    }

    .u-mt_xl_3 {
        margin-top: 1rem !important
    }

    .u-mb_xl_3 {
        margin-bottom: 1rem !important
    }

    .u-ml_xl_3 {
        margin-left: 1rem !important
    }

    .u-mr_xl_3 {
        margin-right: 1rem !important
    }

    .u-p_xl_3 {
        padding: 1rem !important
    }

    .u-pt_xl_3 {
        padding-top: 1rem !important
    }

    .u-pb_xl_3 {
        padding-bottom: 1rem !important
    }

    .u-pl_xl_3 {
        padding-left: 1rem !important
    }

    .u-pr_xl_3 {
        padding-right: 1rem !important
    }
}

@media screen and (min-width:1366px) {
    .u-m_xxl_3 {
        margin: 1rem !important
    }

    .u-mt_xxl_3 {
        margin-top: 1rem !important
    }

    .u-mb_xxl_3 {
        margin-bottom: 1rem !important
    }

    .u-ml_xxl_3 {
        margin-left: 1rem !important
    }

    .u-mr_xxl_3 {
        margin-right: 1rem !important
    }

    .u-p_xxl_3 {
        padding: 1rem !important
    }

    .u-pt_xxl_3 {
        padding-top: 1rem !important
    }

    .u-pb_xxl_3 {
        padding-bottom: 1rem !important
    }

    .u-pl_xxl_3 {
        padding-left: 1rem !important
    }

    .u-pr_xxl_3 {
        padding-right: 1rem !important
    }
}

@media screen and (min-width:0) {
    .u-m_xs_4 {
        margin: 1.5rem !important
    }

    .u-mt_xs_4 {
        margin-top: 1.5rem !important
    }

    .u-mb_xs_4 {
        margin-bottom: 1.5rem !important
    }

    .u-ml_xs_4 {
        margin-left: 1.5rem !important
    }

    .u-mr_xs_4 {
        margin-right: 1.5rem !important
    }

    .u-p_xs_4 {
        padding: 1.5rem !important
    }

    .u-pt_xs_4 {
        padding-top: 1.5rem !important
    }

    .u-pb_xs_4 {
        padding-bottom: 1.5rem !important
    }

    .u-pl_xs_4 {
        padding-left: 1.5rem !important
    }

    .u-pr_xs_4 {
        padding-right: 1.5rem !important
    }
}

@media screen and (min-width:375px) {
    .u-m_sm_4 {
        margin: 1.5rem !important
    }

    .u-mt_sm_4 {
        margin-top: 1.5rem !important
    }

    .u-mb_sm_4 {
        margin-bottom: 1.5rem !important
    }

    .u-ml_sm_4 {
        margin-left: 1.5rem !important
    }

    .u-mr_sm_4 {
        margin-right: 1.5rem !important
    }

    .u-p_sm_4 {
        padding: 1.5rem !important
    }

    .u-pt_sm_4 {
        padding-top: 1.5rem !important
    }

    .u-pb_sm_4 {
        padding-bottom: 1.5rem !important
    }

    .u-pl_sm_4 {
        padding-left: 1.5rem !important
    }

    .u-pr_sm_4 {
        padding-right: 1.5rem !important
    }
}

@media screen and (min-width:520px) {
    .u-m_md_4 {
        margin: 1.5rem !important
    }

    .u-mt_md_4 {
        margin-top: 1.5rem !important
    }

    .u-mb_md_4 {
        margin-bottom: 1.5rem !important
    }

    .u-ml_md_4 {
        margin-left: 1.5rem !important
    }

    .u-mr_md_4 {
        margin-right: 1.5rem !important
    }

    .u-p_md_4 {
        padding: 1.5rem !important
    }

    .u-pt_md_4 {
        padding-top: 1.5rem !important
    }

    .u-pb_md_4 {
        padding-bottom: 1.5rem !important
    }

    .u-pl_md_4 {
        padding-left: 1.5rem !important
    }

    .u-pr_md_4 {
        padding-right: 1.5rem !important
    }
}

@media screen and (min-width:640px) {
    .u-m_am_4 {
        margin: 1.5rem !important
    }

    .u-mt_am_4 {
        margin-top: 1.5rem !important
    }

    .u-mb_am_4 {
        margin-bottom: 1.5rem !important
    }

    .u-ml_am_4 {
        margin-left: 1.5rem !important
    }

    .u-mr_am_4 {
        margin-right: 1.5rem !important
    }

    .u-p_am_4 {
        padding: 1.5rem !important
    }

    .u-pt_am_4 {
        padding-top: 1.5rem !important
    }

    .u-pb_am_4 {
        padding-bottom: 1.5rem !important
    }

    .u-pl_am_4 {
        padding-left: 1.5rem !important
    }

    .u-pr_am_4 {
        padding-right: 1.5rem !important
    }
}

@media screen and (min-width:769px) {
    .u-m_ol_4 {
        margin: 1.5rem !important
    }

    .u-mt_ol_4 {
        margin-top: 1.5rem !important
    }

    .u-mb_ol_4 {
        margin-bottom: 1.5rem !important
    }

    .u-ml_ol_4 {
        margin-left: 1.5rem !important
    }

    .u-mr_ol_4 {
        margin-right: 1.5rem !important
    }

    .u-p_ol_4 {
        padding: 1.5rem !important
    }

    .u-pt_ol_4 {
        padding-top: 1.5rem !important
    }

    .u-pb_ol_4 {
        padding-bottom: 1.5rem !important
    }

    .u-pl_ol_4 {
        padding-left: 1.5rem !important
    }

    .u-pr_ol_4 {
        padding-right: 1.5rem !important
    }
}

@media screen and (min-width:992px) {
    .u-m_lg_4 {
        margin: 1.5rem !important
    }

    .u-mt_lg_4 {
        margin-top: 1.5rem !important
    }

    .u-mb_lg_4 {
        margin-bottom: 1.5rem !important
    }

    .u-ml_lg_4 {
        margin-left: 1.5rem !important
    }

    .u-mr_lg_4 {
        margin-right: 1.5rem !important
    }

    .u-p_lg_4 {
        padding: 1.5rem !important
    }

    .u-pt_lg_4 {
        padding-top: 1.5rem !important
    }

    .u-pb_lg_4 {
        padding-bottom: 1.5rem !important
    }

    .u-pl_lg_4 {
        padding-left: 1.5rem !important
    }

    .u-pr_lg_4 {
        padding-right: 1.5rem !important
    }
}

@media screen and (min-width:1140px) {
    .u-m_xl_4 {
        margin: 1.5rem !important
    }

    .u-mt_xl_4 {
        margin-top: 1.5rem !important
    }

    .u-mb_xl_4 {
        margin-bottom: 1.5rem !important
    }

    .u-ml_xl_4 {
        margin-left: 1.5rem !important
    }

    .u-mr_xl_4 {
        margin-right: 1.5rem !important
    }

    .u-p_xl_4 {
        padding: 1.5rem !important
    }

    .u-pt_xl_4 {
        padding-top: 1.5rem !important
    }

    .u-pb_xl_4 {
        padding-bottom: 1.5rem !important
    }

    .u-pl_xl_4 {
        padding-left: 1.5rem !important
    }

    .u-pr_xl_4 {
        padding-right: 1.5rem !important
    }
}

@media screen and (min-width:1366px) {
    .u-m_xxl_4 {
        margin: 1.5rem !important
    }

    .u-mt_xxl_4 {
        margin-top: 1.5rem !important
    }

    .u-mb_xxl_4 {
        margin-bottom: 1.5rem !important
    }

    .u-ml_xxl_4 {
        margin-left: 1.5rem !important
    }

    .u-mr_xxl_4 {
        margin-right: 1.5rem !important
    }

    .u-p_xxl_4 {
        padding: 1.5rem !important
    }

    .u-pt_xxl_4 {
        padding-top: 1.5rem !important
    }

    .u-pb_xxl_4 {
        padding-bottom: 1.5rem !important
    }

    .u-pl_xxl_4 {
        padding-left: 1.5rem !important
    }

    .u-pr_xxl_4 {
        padding-right: 1.5rem !important
    }
}

@media screen and (min-width:0) {
    .u-m_xs_5 {
        margin: 3rem !important
    }

    .u-mt_xs_5 {
        margin-top: 3rem !important
    }

    .u-mb_xs_5 {
        margin-bottom: 3rem !important
    }

    .u-ml_xs_5 {
        margin-left: 3rem !important
    }

    .u-mr_xs_5 {
        margin-right: 3rem !important
    }

    .u-p_xs_5 {
        padding: 3rem !important
    }

    .u-pt_xs_5 {
        padding-top: 3rem !important
    }

    .u-pb_xs_5 {
        padding-bottom: 3rem !important
    }

    .u-pl_xs_5 {
        padding-left: 3rem !important
    }

    .u-pr_xs_5 {
        padding-right: 3rem !important
    }
}

@media screen and (min-width:375px) {
    .u-m_sm_5 {
        margin: 3rem !important
    }

    .u-mt_sm_5 {
        margin-top: 3rem !important
    }

    .u-mb_sm_5 {
        margin-bottom: 3rem !important
    }

    .u-ml_sm_5 {
        margin-left: 3rem !important
    }

    .u-mr_sm_5 {
        margin-right: 3rem !important
    }

    .u-p_sm_5 {
        padding: 3rem !important
    }

    .u-pt_sm_5 {
        padding-top: 3rem !important
    }

    .u-pb_sm_5 {
        padding-bottom: 3rem !important
    }

    .u-pl_sm_5 {
        padding-left: 3rem !important
    }

    .u-pr_sm_5 {
        padding-right: 3rem !important
    }
}

@media screen and (min-width:520px) {
    .u-m_md_5 {
        margin: 3rem !important
    }

    .u-mt_md_5 {
        margin-top: 3rem !important
    }

    .u-mb_md_5 {
        margin-bottom: 3rem !important
    }

    .u-ml_md_5 {
        margin-left: 3rem !important
    }

    .u-mr_md_5 {
        margin-right: 3rem !important
    }

    .u-p_md_5 {
        padding: 3rem !important
    }

    .u-pt_md_5 {
        padding-top: 3rem !important
    }

    .u-pb_md_5 {
        padding-bottom: 3rem !important
    }

    .u-pl_md_5 {
        padding-left: 3rem !important
    }

    .u-pr_md_5 {
        padding-right: 3rem !important
    }
}

@media screen and (min-width:640px) {
    .u-m_am_5 {
        margin: 3rem !important
    }

    .u-mt_am_5 {
        margin-top: 3rem !important
    }

    .u-mb_am_5 {
        margin-bottom: 3rem !important
    }

    .u-ml_am_5 {
        margin-left: 3rem !important
    }

    .u-mr_am_5 {
        margin-right: 3rem !important
    }

    .u-p_am_5 {
        padding: 3rem !important
    }

    .u-pt_am_5 {
        padding-top: 3rem !important
    }

    .u-pb_am_5 {
        padding-bottom: 3rem !important
    }

    .u-pl_am_5 {
        padding-left: 3rem !important
    }

    .u-pr_am_5 {
        padding-right: 3rem !important
    }
}

@media screen and (min-width:769px) {
    .u-m_ol_5 {
        margin: 3rem !important
    }

    .u-mt_ol_5 {
        margin-top: 3rem !important
    }

    .u-mb_ol_5 {
        margin-bottom: 3rem !important
    }

    .u-ml_ol_5 {
        margin-left: 3rem !important
    }

    .u-mr_ol_5 {
        margin-right: 3rem !important
    }

    .u-p_ol_5 {
        padding: 3rem !important
    }

    .u-pt_ol_5 {
        padding-top: 3rem !important
    }

    .u-pb_ol_5 {
        padding-bottom: 3rem !important
    }

    .u-pl_ol_5 {
        padding-left: 3rem !important
    }

    .u-pr_ol_5 {
        padding-right: 3rem !important
    }
}

@media screen and (min-width:992px) {
    .u-m_lg_5 {
        margin: 3rem !important
    }

    .u-mt_lg_5 {
        margin-top: 3rem !important
    }

    .u-mb_lg_5 {
        margin-bottom: 3rem !important
    }

    .u-ml_lg_5 {
        margin-left: 3rem !important
    }

    .u-mr_lg_5 {
        margin-right: 3rem !important
    }

    .u-p_lg_5 {
        padding: 3rem !important
    }

    .u-pt_lg_5 {
        padding-top: 3rem !important
    }

    .u-pb_lg_5 {
        padding-bottom: 3rem !important
    }

    .u-pl_lg_5 {
        padding-left: 3rem !important
    }

    .u-pr_lg_5 {
        padding-right: 3rem !important
    }
}

@media screen and (min-width:1140px) {
    .u-m_xl_5 {
        margin: 3rem !important
    }

    .u-mt_xl_5 {
        margin-top: 3rem !important
    }

    .u-mb_xl_5 {
        margin-bottom: 3rem !important
    }

    .u-ml_xl_5 {
        margin-left: 3rem !important
    }

    .u-mr_xl_5 {
        margin-right: 3rem !important
    }

    .u-p_xl_5 {
        padding: 3rem !important
    }

    .u-pt_xl_5 {
        padding-top: 3rem !important
    }

    .u-pb_xl_5 {
        padding-bottom: 3rem !important
    }

    .u-pl_xl_5 {
        padding-left: 3rem !important
    }

    .u-pr_xl_5 {
        padding-right: 3rem !important
    }
}

@media screen and (min-width:1366px) {
    .u-m_xxl_5 {
        margin: 3rem !important
    }

    .u-mt_xxl_5 {
        margin-top: 3rem !important
    }

    .u-mb_xxl_5 {
        margin-bottom: 3rem !important
    }

    .u-ml_xxl_5 {
        margin-left: 3rem !important
    }

    .u-mr_xxl_5 {
        margin-right: 3rem !important
    }

    .u-p_xxl_5 {
        padding: 3rem !important
    }

    .u-pt_xxl_5 {
        padding-top: 3rem !important
    }

    .u-pb_xxl_5 {
        padding-bottom: 3rem !important
    }

    .u-pl_xxl_5 {
        padding-left: 3rem !important
    }

    .u-pr_xxl_5 {
        padding-right: 3rem !important
    }
}

.u-fz_10 {
    font-size: .625rem
}

.u-fz_14 {
    font-size: .875rem
}

@media screen and (min-width:0) {
    .u-fz_xs_10 {
        font-size: .625rem
    }

    .u-fz_xs_14 {
        font-size: .875rem
    }
}

@media screen and (min-width:375px) {
    .u-fz_sm_10 {
        font-size: .625rem
    }

    .u-fz_sm_14 {
        font-size: .875rem
    }
}

@media screen and (min-width:520px) {
    .u-fz_md_10 {
        font-size: .625rem
    }

    .u-fz_md_14 {
        font-size: .875rem
    }
}

@media screen and (min-width:640px) {
    .u-fz_am_10 {
        font-size: .625rem
    }

    .u-fz_am_14 {
        font-size: .875rem
    }
}

@media screen and (min-width:769px) {
    .u-fz_ol_10 {
        font-size: .625rem
    }

    .u-fz_ol_14 {
        font-size: .875rem
    }
}

@media screen and (min-width:992px) {
    .u-fz_lg_10 {
        font-size: .625rem
    }

    .u-fz_lg_14 {
        font-size: .875rem
    }
}

@media screen and (min-width:1140px) {
    .u-fz_xl_10 {
        font-size: .625rem
    }

    .u-fz_xl_14 {
        font-size: .875rem
    }
}

@media screen and (min-width:1366px) {
    .u-fz_xxl_10 {
        font-size: .625rem
    }

    .u-fz_xxl_14 {
        font-size: .875rem
    }
}

@media screen and (min-width:520px) {
    .u-zbf {
        pointer-events: none
    }
}

.zoom_modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    display: none;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    animation: zoom_modal_fade_in .3s cubic-bezier(.215, .61, .355, 1) forwards;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.zoom_modal.is_active {
    display: block;
    pointer-events: auto;
    opacity: 1
}

@media screen and (min-width:992px) {
    .zoom_modal--open {
        display: none !important
    }
}

.zoom_modal--adjust {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.zoom_modal.is_active .zoom_modal--adjust {
    opacity: 0;
    transform: scale(.95);
    animation: zoom_modal_adjust_fade_in .3s cubic-bezier(.215, .61, .355, 1) forwards
}

.zoom_modal--cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.zoom_modal--cover .zoom_modal--cover_icon {
    width: 64px;
    height: 80px;
    margin-left: -20px;
    animation: zoom_modal_swipe 2s ease-in-out infinite
}

.zoom_modal--cover .zoom_modal--cover_icon img {
    display: block;
    width: 100%;
    height: auto
}

.zoom_modal--cover_close {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-top: 24px;
    margin-right: auto;
    margin-left: auto;
    background-color: #858585;
    border-radius: 27px
}

.zoom_modal--cover_close:after,
.zoom_modal--cover_close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 28px;
    height: 1px;
    content: "";
    background-color: #fff
}

.zoom_modal--cover_close:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.zoom_modal--cover_close:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.zoom_modal--body_container_adjust {
    width: 100vw;
    margin-right: auto;
    margin-left: auto;
    overflow-x: auto
}

.zoom_modal--body_container_image {
    position: relative;
    width: 600px;
    padding: 2%;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}

.zoom_modal--body_container_image:after {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 2%;
    height: 100%;
    content: ""
}

.zoom_modal--body_container_image img {
    display: block;
    width: 100%;
    height: auto
}

.zoom_modal--body_footer {
    margin-top: 10px
}

@keyframes zoom_fade_in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes zoom_modal_adjust_fade_in {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes zoom_modal_swipe {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(30px)
    }

    to {
        transform: translateX(0)
    }
}

.container {
    position: relative;
    padding-top: 48px
}

@media screen and (min-width:992px) {
    .container {
        padding-top: 122px
    }
}

.container.container-fix {
    padding-top: 0
}

@media screen and (min-width:992px) {
    .container.container-fix {
        padding-top: 54px
    }
}

.footer {
    padding-top: 5%;
    padding-bottom: 5%;
    color: #fff;
    background-color: #3e3a39
}

.footer .footer--link {
    padding-bottom: 2.5%;
    margin-right: 8.4%;
    margin-bottom: 5%;
    margin-left: 8.4%
}

@media screen and (min-width:640px) {
    .footer .footer--link {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 574px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto
    }
}

@media screen and (min-width:992px) {
    .footer .footer--link {
        max-width: 624px
    }
}

.footer .footer--link .footer--link_child {
    margin-bottom: 5%;
    background-color: #fff;
    border-radius: 3px
}

@media screen and (min-width:640px) {
    .footer .footer--link .footer--link_child {
        flex-basis: 46.47%;
        margin-bottom: 0
    }
}

.footer .footer--link .footer--link_child:last-of-type {
    margin-bottom: 0
}

.footer .footer--link .footer--link_child .footer--link_button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    border-radius: 3px
}

.footer .footer--link .footer--link_child .footer--link_button:active,
.footer .footer--link .footer--link_child .footer--link_button:hover,
.footer .footer--link .footer--link_child .footer--link_button:link,
.footer .footer--link .footer--link_child .footer--link_button:visited {
    color: #fff;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .footer .footer--link .footer--link_child .footer--link_button {
        transition-duration: .3s
    }

    .footer .footer--link .footer--link_child .footer--link_button:hover {
        opacity: .8
    }
}

.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-contact {
    background-color: #a59174
}

.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-contact .footer--link_button_icon {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    letter-spacing: 0;
    font-size: 1rem
}

@media screen and (min-width:640px) {
    .footer .footer--link .footer--link_child .footer--link_button.footer--link_button-contact .footer--link_button_icon {
        font-size: 1.0625rem
    }
}

.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-contact .footer--link_button_icon:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 14px;
    height: 19px;
    content: "";
    background: url(../images/common/footer_link_ico01.png) 0 0 no-repeat;
    background-size: 14px 19px
}

.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-obi {
    font-weight: 500;
    background-color: #dbd6d2
}

.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-obi:active,
.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-obi:hover,
.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-obi:link,
.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-obi:visited {
    color: #231815;
    text-decoration: none
}

.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-obi .footer--link_button_fix {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer .footer--link .footer--link_child .footer--link_button.footer--link_button-obi .footer--link_button_obi_branding {
    display: inline-block;
    width: 111px;
    height: auto;
    margin-right: 10px
}

.footer .footer--address .footer--address_adjust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 2.5%;
    margin-right: auto;
    margin-left: auto;
    font-style: normal
}

@media screen and (min-width:640px) {
    .footer .footer--address .footer--address_adjust {
        flex-wrap: nowrap;
        align-items: center
    }
}

.footer .footer--address .footer--address_body,
.footer .footer--address .footer--address_phone {
    width: 100%;
    text-align: center
}

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

    .footer .footer--address .footer--address_body,
    .footer .footer--address .footer--address_phone {
        width: auto;
        text-align: left
    }
}

@media screen and (min-width:640px) {
    .footer .footer--address .footer--address_phone {
        padding-right: 20px
    }
}

.footer .footer--address .footer--address_phone a {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-size: 2rem
}

.footer .footer--address .footer--address_phone a:active,
.footer .footer--address .footer--address_phone a:hover,
.footer .footer--address .footer--address_phone a:link,
.footer .footer--address .footer--address_phone a:visited {
    color: #fff;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .footer .footer--address .footer--address_phone a {
        transition-duration: .3s
    }

    .footer .footer--address .footer--address_phone a:hover {
        opacity: .7
    }
}

.footer .footer--address .footer--address_phone .footer--address_phone_icon {
    position: relative;
    display: inline-block;
    padding-left: 20px
}

.footer .footer--address .footer--address_phone .footer--address_phone_icon:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 13px;
    height: 24px;
    content: "";
    background: url(../images/common/footer_link_ico02.png) 0 0 no-repeat;
    background-size: 13px 24px
}

@media screen and (min-width:640px) {
    .footer .footer--address .footer--address_body {
        margin-right: -25px
    }
}

.footer .footer--address .footer--address_body p {
    font-size: .6875rem
}

.footer .footer--address .footer--address_body p .footer--address_body_text_sub {
    font-size: .625rem
}

.footer .footer--other {
    padding-bottom: 3%;
    text-align: center
}

.footer .footer--other ul {
    display: flex;
    justify-content: center
}

.footer .footer--other ul li {
    position: relative;
    padding-right: 30px
}

.footer .footer--other ul li:last-of-type {
    padding-right: 0
}

.footer .footer--other ul li:last-of-type:after {
    display: none
}

.footer .footer--other ul li:after {
    position: absolute;
    top: 6px;
    right: 11px;
    display: block;
    line-height: 1;
    color: #666;
    content: "/";
    font-size: .625rem
}

.footer .footer--other ul li a {
    font-size: .6875rem;
    line-height: 1
}

.footer .footer--other ul li a:active,
.footer .footer--other ul li a:hover,
.footer .footer--other ul li a:link,
.footer .footer--other ul li a:visited {
    color: #fff;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .footer .footer--other ul li a {
        transition-duration: .3s
    }

    .footer .footer--other ul li a:hover {
        opacity: .7
    }
}

.footer .footer--copyright {
    line-height: 1;
    text-align: center;
    letter-spacing: .05rem;
    transform: scale(.9);
    font-size: .625rem
}

.global--hamburger {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    display: block;
    width: 55px;
    height: 55px;
    background-color: #e5e5e5
}

@media screen and (min-width:992px) {
    .global--hamburger {
        display: none
    }
}

.global--hamburger .global--hamburger_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background-color: #3e3a39;
    border-radius: 2px;
    transform: translate(-50%, -50%)
}

.global--hamburger .global--hamburger_icon:after,
.global--hamburger .global--hamburger_icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 18px;
    height: 2px;
    content: "";
    background-color: #3e3a39;
    border-radius: 2px
}

.global--hamburger .global--hamburger_icon:before {
    transform: translate(-50%, -400%)
}

.global--hamburger .global--hamburger_icon:after {
    transform: translate(-50%, 300%)
}

.global--navigation {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    display: none;
    overflow: auto;
    background-color: rgba(0, 0, 0, .8);
    animation: fadeOut .3s cubic-bezier(.215, .61, .355, 1) forwards;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.global--navigation.is_active {
    display: block;
    opacity: 0;
    animation: fadein .3s cubic-bezier(.215, .61, .355, 1) forwards
}

@media screen and (min-width:992px) {
    .global--navigation.is_active {
        display: none
    }
}

.global--navigation.is_active .global--navigation_adjust {
    opacity: 0;
    transform: scale(.95);
    animation: fadein-adjust .3s cubic-bezier(.215, .61, .355, 1) forwards
}

@keyframes fadein {
    0% {
        display: block;
        opacity: 0
    }

    to {
        display: block;
        opacity: 1
    }
}

@keyframes fadein-adjust {
    0% {
        opacity: 0;
        transform: scale(.95)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@media screen and (min-width:992px) {
    .global--navigation {
        display: none
    }
}

.global--navigation .global--navigation_adjust {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%
}

@media screen and (min-width:640px) {
    .global--navigation .global--navigation_adjust {
        align-items: center;
        justify-content: center
    }
}

.global--navigation .global--navigation_container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-top: 45px;
    background-color: #fff
}

@media screen and (min-width:640px) {
    .global--navigation .global--navigation_container {
        box-sizing: border-box;
        display: block;
        width: 85%;
        height: auto;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width:769px) {
    .global--navigation .global--navigation_container {
        position: relative
    }
}

.global--navigation .global--navigation_container .global--navigation_header {
    padding-right: 6%;
    padding-bottom: 30px;
    padding-left: 6%
}

@media screen and (min-width:520px) {
    .global--navigation .global--navigation_container .global--navigation_header {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media screen and (min-width:769px) {
    .global--navigation .global--navigation_container .global--navigation_header {
        position: absolute;
        top: 45px;
        left: 45px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }
}

.global--navigation .global--navigation_container .global--navigation_header .global--navigation_header_branding {
    width: 230px
}

@media screen and (min-width:520px) {
    .global--navigation .global--navigation_container .global--navigation_header .global--navigation_header_branding {
        width: 180px
    }
}

.global--navigation .global--navigation_container .global--navigation_header .global--navigation_header_branding img {
    display: block;
    width: 100%;
    height: auto
}

.global--navigation .global--navigation_container .global--navigation_body {
    padding-right: 6%;
    padding-left: 6%;
    margin-bottom: 45px
}

@media screen and (min-width:520px) {
    .global--navigation .global--navigation_container .global--navigation_body {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media screen and (min-width:769px) {
    .global--navigation .global--navigation_container .global--navigation_body {
        padding-right: 0;
        padding-left: 0;
        margin-right: 45px;
        margin-left: 270px
    }
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px
}

@media screen and (min-width:769px) {
    .global--navigation .global--navigation_container .global--navigation_body .global--navigation_list {
        margin-bottom: 10px
    }
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list.gnav {
    margin: 30px 0
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list.gnav .global--navigation_list_child:first-of-type a:after {
    content: "ブランドトップ"
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list.gnav .global--navigation_list_child:nth-of-type(2) a:after {
    content: "ブランド"
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list.gnav .global--navigation_list_child:nth-of-type(3) a:after {
    content: "オフィス"
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 50%;
    padding-left: 12px;
    margin-bottom: 32px
}

@media screen and (min-width:880px) {
    .global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child {
        width: 33.3%
    }

    .global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child:nth-of-type(3n-1) {
        width: 33.4%
    }
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 5px;
    height: 1px;
    content: "";
    background-color: #3e3a39
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child:first-of-type a:after {
    content: "トップページ"
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child:nth-of-type(2) a:after {
    content: "プラン・スペック"
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child:nth-of-type(3) a:after {
    content: "物件概要"
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child a {
    position: relative;
    display: inline-block;
    font-family: Roboto, sans-serif;
    letter-spacing: 0;
    font-size: .9375rem
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child a:active,
.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child a:hover,
.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child a:link,
.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child a:visited {
    color: #3e3a39;
    text-decoration: none;
    letter-spacing: 0
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_list .global--navigation_list_child a:after {
    position: absolute;
    bottom: -12px;
    left: 0;
    display: block;
    font-family: YakuHanJP, Noto Sans JP, sans-serif;
    letter-spacing: 0;
    white-space: nowrap;
    font-size: .625rem
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion {
    padding-right: 3%;
    padding-left: 3%
}

@media screen and (min-width:375px) {
    .global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion {
        display: flex;
        justify-content: space-between;
        padding-right: 0;
        padding-left: 0
    }
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button {
    display: flex;
    flex-basis: 47%;
    align-items: center;
    justify-content: center;
    height: 44px;
    margin-bottom: 15px;
    text-decoration: none;
    border-radius: 3px
}

@media screen and (min-width:375px) {
    .global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button {
        margin-bottom: 0
    }
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button:active,
.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button:hover,
.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button:link,
.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button:visited {
    line-height: 1;
    color: #fff
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button:last-of-type {
    margin-bottom: 0
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button-call {
    background-color: #3e3a39
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button-call .global--navigation_conversion_button_icon {
    padding-left: 15px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.125rem
}

@media screen and (min-width:520px) {
    .global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button-call .global--navigation_conversion_button_icon {
        font-size: 1.25rem
    }
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button-call .global--navigation_conversion_button_icon:before {
    width: 10px;
    height: 19px;
    background: url(../images/common/header_main_ico01.png) 0 0 no-repeat;
    background-size: 10px 19px
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button-document {
    background-color: #a59174
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button-document .global--navigation_conversion_button_icon {
    padding-left: 19px;
    font-weight: 400;
    font-size: .9375rem
}

@media screen and (min-width:520px) {
    .global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button-document .global--navigation_conversion_button_icon {
        font-size: 1.03125rem
    }
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button-document .global--navigation_conversion_button_icon:before {
    top: 8px !important;
    width: 14px;
    height: 19px;
    background: url(../images/common/header_main_ico02.png) 0 0 no-repeat;
    background-size: 14px 19px
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button .global--navigation_conversion_button_icon {
    position: relative;
    display: inline-block;
    letter-spacing: 0
}

.global--navigation .global--navigation_container .global--navigation_body .global--navigation_conversion .global--navigation_conversion_button .global--navigation_conversion_button_icon:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -10px;
    content: ""
}

.global--navigation .global--navigation_container .global--navigation_footer {
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: auto;
    color: #fff;
    background-color: #3e3a39
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link {
    padding-bottom: 2.5%;
    margin-right: 8.4%;
    margin-bottom: 5%;
    margin-left: 8.4%
}

@media screen and (min-width:640px) {
    .global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link {
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 574px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto
    }
}

@media screen and (min-width:992px) {
    .global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link {
        max-width: 624px
    }
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child {
    margin-bottom: 5%
}

@media screen and (min-width:640px) {
    .global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child {
        flex-basis: 47.5%;
        margin-bottom: 0
    }
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child:last-of-type {
    margin-bottom: 0
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-radius: 3px
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button:active,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button:hover,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button:link,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button:visited {
    color: #fff;
    text-decoration: none
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-contact {
    background-color: #a59174
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-contact .global--navigation_footer--link_button_icon {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    letter-spacing: 0;
    font-size: .9375rem
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-contact .global--navigation_footer--link_button_icon:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 14px;
    height: 19px;
    content: "";
    background: url(../images/common/footer_link_ico01.png) 0 0 no-repeat;
    background-size: 14px 19px
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-obi {
    font-weight: 500;
    background-color: #dbd6d2;
    font-size: .9375rem
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-obi:active,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-obi:hover,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-obi:link,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-obi:visited {
    color: #231815;
    text-decoration: none
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-obi .global--navigation_footer--link_button_fix {
    display: flex;
    align-items: center;
    justify-content: center
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--link .global--navigation_footer--link_child .global--navigation_footer--link_button.global--navigation_footer--link_button-obi .global--navigation_footer--link_button_obi_branding {
    display: inline-block;
    width: 111px;
    height: auto;
    margin-right: 10px
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_adjust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 2.5%;
    margin-right: auto;
    margin-left: auto;
    font-style: normal
}

@media screen and (min-width:640px) {
    .global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_adjust {
        flex-wrap: nowrap;
        align-items: center
    }
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_body,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone {
    width: 100%;
    text-align: center
}

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

    .global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_body,
    .global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone {
        width: auto;
        text-align: left
    }
}

@media screen and (min-width:640px) {
    .global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone {
        padding-right: 20px
    }
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone a {
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-size: 2rem
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone a:active,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone a:hover,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone a:link,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone a:visited {
    color: #fff;
    text-decoration: none
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone .global--navigation_footer--address_phone_icon {
    position: relative;
    display: inline-block;
    padding-left: 20px
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_phone .global--navigation_footer--address_phone_icon:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 13px;
    height: 24px;
    content: "";
    background: url(../images/common/footer_link_ico02.png) 0 0 no-repeat;
    background-size: 13px 24px
}

@media screen and (min-width:640px) {
    .global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_body {
        margin-right: -25px
    }
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_body p {
    font-size: .6875rem
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--address .global--navigation_footer--address_body p .global--navigation_footer--address_body_text_sub {
    font-size: .625rem
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other {
    padding-bottom: 3%;
    text-align: center
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul {
    display: flex;
    justify-content: center
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li {
    position: relative;
    padding-right: 30px
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li:last-of-type {
    padding-right: 0
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li:last-of-type:after {
    display: none
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li:after {
    position: absolute;
    top: 6px;
    right: 11px;
    display: block;
    line-height: 1;
    color: #666;
    content: "/";
    font-size: .625rem
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li a {
    font-size: .6875rem;
    line-height: 1
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li a:active,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li a:hover,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li a:link,
.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--other ul li a:visited {
    color: #fff;
    text-decoration: none
}

.global--navigation .global--navigation_container .global--navigation_footer .global--navigation_footer--copyright {
    line-height: 1;
    text-align: center;
    letter-spacing: .05rem;
    transform: scale(.9);
    font-size: .625rem
}

.global--navigation .global--navigation_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 42px;
    height: 42px
}

@media screen and (min-width:640px) {
    .global--navigation .global--navigation_close {
        top: 15px;
        right: 15px
    }
}

.global--navigation .global--navigation_close .global--navigation_close_adjust {
    position: relative;
    width: 100%;
    height: 100%
}

.global--navigation .global--navigation_close .global--navigation_close_adjust:after,
.global--navigation .global--navigation_close .global--navigation_close_adjust:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 32px;
    height: 2px;
    content: "";
    background-color: #3e3a39;
    border-radius: 1px
}

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

    .global--navigation .global--navigation_close .global--navigation_close_adjust:after,
    .global--navigation .global--navigation_close .global--navigation_close_adjust:before {
        background-color: #fff
    }
}

.global--navigation .global--navigation_close .global--navigation_close_adjust:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.global--navigation .global--navigation_close .global--navigation_close_adjust:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%
}

.header .header--main,
.header.header-fix .header--navigation {
    background-color: hsla(0, 0%, 100%, .25);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.header .header--main {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 55px
}

@media screen and (min-width:992px) {
    .header .header--main {
        background-color: #fff
    }
}

.header .header--main .header--branding {
    padding: 10px 12px
}

.header .header--main .header--branding .header--branding_image {
    display: block;
    width: 121px
}

.header .header--main .header--branding .header--branding_image img {
    display: block;
    width: 100%;
    height: auto
}

.header .header--main .header--gnav {
    position: absolute;
    right: 0;
    height: 55px;
    margin-right: 192px
}

@media screen and (max-width:991px) {
    .header .header--main .header--gnav {
        display: none
    }
}

.header .header--main .header--gnav>ul {
    display: flex;
    height: 100%
}

.header .header--main .header--gnav>ul>li {
    height: 100%
}

.header .header--main .header--gnav>ul>li>a {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 100%;
    font-weight: 700;
    color: #3e3a39;
    text-decoration: none;
    font-size: .8125rem
}

.header .header--main .header--gnav>ul>li>a>span {
    font-size: .75rem;
    font-weight: 500
}

.header .header--main .header--gnav>ul>li>a:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 2px;
    margin: 0 auto;
    content: "";
    background-color: #0b8f66;
    transition: .2s
}

.header .header--main .header--gnav>ul>li>a.crnt:after,
.header .header--main .header--gnav>ul>li>a:hover:after {
    width: 100%
}

.header .header--main .header--conversion {
    display: flex;
    width: 54px;
    margin-right: 55px
}

@media screen and (min-width:992px) {
    .header .header--main .header--conversion {
        width: 192px;
        margin-right: 0
    }
}

.header .header--main .header--conversion .header--conversion_button {
    position: relative;
    display: flex;
    flex-basis: 50%;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .header .header--main .header--conversion .header--conversion_button {
        position: static
    }
}

.header .header--main .header--conversion .header--conversion_button:active,
.header .header--main .header--conversion .header--conversion_button:hover,
.header .header--main .header--conversion .header--conversion_button:link,
.header .header--main .header--conversion .header--conversion_button:visited {
    line-height: 1;
    color: #fff
}

@media screen and (min-width:992px) {
    .header .header--main .header--conversion .header--conversion_button {
        transition-duration: .3s
    }

    .header .header--main .header--conversion .header--conversion_button:hover {
        opacity: .9
    }
}

.header .header--main .header--conversion .header--conversion_button-call {
    background-color: #3e3a39
}

.header .header--main .header--conversion .header--conversion_button-call .header--conversion_button_icon {
    font-size: 1.25rem;
    font-family: Roboto, sans-serif;
    font-weight: 400
}

@media screen and (min-width:992px) {
    .header .header--main .header--conversion .header--conversion_button-call .header--conversion_button_icon {
        padding-left: 14px
    }
}

.header .header--main .header--conversion .header--conversion_button-call .header--conversion_button_icon:before {
    width: 10px;
    height: 19px;
    background: url(../images/common/header_main_ico01.png) 0 0 no-repeat;
    background-size: 10px 19px
}

.header .header--main .header--conversion .header--conversion_button-call .header--conversion_button_icon:after {
    content: "TEL"
}

.header .header--main .header--conversion .header--conversion_button-document {
    background-color: #a59174
}

.header .header--main .header--conversion .header--conversion_button-document .header--conversion_button_icon {
    padding-left: 19px;
    font-weight: 400;
    font-size: 1.03125rem
}

.header .header--main .header--conversion .header--conversion_button-document .header--conversion_button_icon:before {
    width: 14px;
    height: 19px;
    background: url(../images/common/header_main_ico02.png) 0 0 no-repeat;
    background-size: 14px 19px
}

.header .header--main .header--conversion .header--conversion_button-document .header--conversion_button_icon:after {
    content: "資料請求"
}

.header .header--main .header--conversion .header--conversion_button .header--conversion_button_icon {
    display: inline-block;
    letter-spacing: 0
}

@media screen and (min-width:992px) {
    .header .header--main .header--conversion .header--conversion_button .header--conversion_button_icon {
        position: relative
    }
}

.header .header--main .header--conversion .header--conversion_button .header--conversion_button_icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    transform: translate(-50%, -80%)
}

@media screen and (min-width:992px) {
    .header .header--main .header--conversion .header--conversion_button .header--conversion_button_icon:before {
        top: 0;
        left: 0;
        transform: translate(0)
    }
}

.header .header--main .header--conversion .header--conversion_button .header--conversion_button_icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    white-space: nowrap;
    transform: translate(-50%, 80%) scale(.7);
    font-size: .625rem
}

@media screen and (min-width:992px) {
    .header .header--main .header--conversion .header--conversion_button .header--conversion_button_icon:after {
        display: none
    }
}

.header .header--main .header--conversion .header--conversion_button .header--conversion_button_icon .header--conversion_button_text {
    display: none
}

@media screen and (min-width:992px) {
    .header .header--main .header--conversion .header--conversion_button .header--conversion_button_icon .header--conversion_button_text {
        display: inline-block
    }
}

.header .header--navigation {
    display: none
}

@media screen and (min-width:992px) {
    .header .header--navigation {
        display: block;
        background-color: #e8e6e2
    }
}

.header .header--navigation .header--navigation_list {
    display: flex;
    justify-content: center;
    margin-right: auto;
    margin-left: auto
}

.header .header--navigation .header--navigation_list .header--navigation_list_child a {
    position: relative;
    display: block;
    padding: 20px 8px 21px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    font-size: .875rem
}

@media screen and (min-width:992px) {
    .header .header--navigation .header--navigation_list .header--navigation_list_child a {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media screen and (min-width:1060px) {
    .header .header--navigation .header--navigation_list .header--navigation_list_child a {
        padding-right: 30px;
        padding-left: 30px
    }
}

.header .header--navigation .header--navigation_list .header--navigation_list_child a:active,
.header .header--navigation .header--navigation_list .header--navigation_list_child a:hover,
.header .header--navigation .header--navigation_list .header--navigation_list_child a:link,
.header .header--navigation .header--navigation_list .header--navigation_list_child a:visited {
    color: #3e3a39;
    text-decoration: none
}

.header .header--navigation .header--navigation_list .header--navigation_list_child a .header--navigation_list_child_text {
    display: block;
    text-align: center
}

.header .header--navigation .header--navigation_list .header--navigation_list_child a .header--navigation_list_child_text.header--navigation_list_child_text-sub {
    font-family: YakuHanJP, Noto Sans JP, sans-serif;
    transform: scale(.9);
    font-size: .625rem
}

@media screen and (min-width:992px) {
    .header .header--navigation .header--navigation_list .header--navigation_list_child a {
        transition-duration: .3s
    }

    .header .header--navigation .header--navigation_list .header--navigation_list_child a:hover {
        opacity: .7
    }
}

@media screen and (min-width:992px) {
    .header .header--navigation .header--navigation_list .header--navigation_list_child.header--navigation_list_child-current a {
        pointer-events: none;
        cursor: default;
        transition-duration: 0
    }

    .header .header--navigation .header--navigation_list .header--navigation_list_child.header--navigation_list_child-current a:hover {
        opacity: 1
    }
}

.header .header--navigation .header--navigation_list .header--navigation_list_child.header--navigation_list_child-current a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #b2ac9f
}

.kv {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 546px;
    overflow: hidden;
    background-color: #f8f8f8
}

@media screen and (min-width:375px) {
    .kv {
        height: 696px
    }
}

@media screen and (min-width:520px) {
    .kv {
        height: 520px
    }
}

@media screen and (min-width:769px) {
    .kv {
        align-items: center;
        height: 380px
    }
}

@media screen and (min-width:992px) {
    .kv {
        height: 388px
    }
}

.kv:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 792px;
    height: 792px;
    content: "";
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 792px;
    transform: translate(-67%, -33%)
}

@media screen and (min-width:375px) {
    .kv:before {
        transform: translate(-67%, -39%)
    }
}

@media screen and (min-width:520px) {
    .kv:before {
        transform: translate(-54%, -40%)
    }
}

@media screen and (min-width:640px) {
    .kv:before {
        transform: translate(-48%, -40%)
    }
}

@media screen and (min-width:769px) {
    .kv:before {
        transform: translate(-40%, -44%)
    }
}

@media screen and (min-width:992px) {
    .kv:before {
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        background-size: 808px 388px;
        transform: translateX(-40%)
    }
}

@media screen and (min-width:1180px) {
    .kv:before {
        transform: translateX(-50%)
    }
}

.kv-spec:before {
    background-image: url(../images/spec/plan-spec_img01_sp.png);
    transform: translate(-75%, -43%)
}

@media screen and (min-width:520px) {
    .kv-spec:before {
        transform: translate(-68%, -43%)
    }
}

@media screen and (min-width:640px) {
    .kv-spec:before {
        transform: translate(-58%, -43%)
    }
}

@media screen and (min-width:769px) {
    .kv-spec:before {
        transform: translate(-50%, -44%)
    }
}

@media screen and (min-width:992px) {
    .kv-spec:before {
        background-image: url(../images/spec/plan-spec_img01.png);
        transform: translateX(-40%)
    }
}

@media screen and (min-width:1180px) {
    .kv-spec:before {
        transform: translateX(-50%)
    }
}

.kv:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 150px;
    height: 150px;
    content: "";
    background: url(../images/spec/plan-spec_img02.png) 0 0 no-repeat;
    background-size: 150px;
    opacity: .7
}

@media screen and (min-width:520px) {
    .kv:after {
        width: 88px;
        height: 88px;
        background: url(../images/spec/plan-spec_img02.png) 0 0 no-repeat;
        background-size: 88px
    }
}

.kv--adjust {
    width: calc(100% - 20px);
    padding-left: 20px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width:375px) {
    .kv--adjust {
        width: calc(100% - 30px);
        padding-left: 30px
    }
}

@media screen and (min-width:520px) {
    .kv--adjust {
        margin-top: 80px
    }
}

@media screen and (min-width:640px) {
    .kv--adjust {
        width: calc(100% - 45px);
        padding-left: 45px
    }
}

@media screen and (min-width:769px) {
    .kv--adjust {
        max-width: 750px;
        margin-top: 0
    }
}

@media screen and (min-width:992px) {
    .kv--adjust {
        max-width: 1198px
    }
}

.kv--content {
    position: relative;
    z-index: 2
}

@media screen and (min-width:769px) {
    .kv--content {
        transform: translateY(-25%)
    }
}

@media screen and (min-width:992px) {
    .kv--content {
        transform: translateY(0)
    }
}

.kv--content h1 {
    font-weight: 400;
    line-height: 1.3125;
    color: #a59174;
    letter-spacing: .025rem;
    font-size: 1.375rem
}

@media screen and (min-width:375px) {
    .kv--content h1 {
        font-size: 1.625rem
    }
}

@media screen and (min-width:520px) {
    .kv--content h1 {
        letter-spacing: .1rem;
        font-size: 1.75rem
    }
}

@media screen and (min-width:640px) {
    .kv--content h1 {
        font-size: 2rem
    }
}

@media screen and (min-width:992px) {
    .kv--content h1 {
        font-size: 2.375rem
    }
}

.kv--note {
    position: absolute;
    right: 0;
    bottom: 1rem;
    left: 0;
    width: calc(100% - 40px);
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto;
    font-size: .625rem
}

@media screen and (min-width:375px) {
    .kv--note {
        width: calc(100% - 60px);
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width:520px) {
    .kv--note {
        margin-top: 80px
    }
}

@media screen and (min-width:640px) {
    .kv--note {
        width: calc(100% - 90px);
        padding-right: 45px;
        padding-left: 45px
    }
}

@media screen and (min-width:769px) {
    .kv--note {
        max-width: 350px;
        padding-right: 400px;
        margin-top: 0
    }
}

@media screen and (min-width:992px) {
    .kv--note {
        max-width: 1153px;
        padding-right: 45px
    }
}

.main .main--bottom_conversion {
    background-color: #f8f8f8
}

.main .main--bottom_conversion .main--bottom_conversion_adjust {
    padding-top: 7.5%;
    padding-bottom: 7.5%
}

.main .main--bottom_conversion .main--bottom_conversion_footer {
    width: 96%;
    margin: 30px auto 0;
    font-size: .6875rem
}

@media screen and (min-width:992px) {
    .main .main--bottom_conversion .main--bottom_conversion_footer {
        width: 870px;
        margin: 50px auto 0;
        text-align: center
    }
}

.main .main--bottom_conversion .main--bottom_conversion_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 290px;
    height: 64px;
    margin-right: auto;
    margin-left: auto;
    background-color: #a59174;
    border-radius: 3px
}

.main .main--bottom_conversion .main--bottom_conversion_button:active,
.main .main--bottom_conversion .main--bottom_conversion_button:hover,
.main .main--bottom_conversion .main--bottom_conversion_button:link,
.main .main--bottom_conversion .main--bottom_conversion_button:visited {
    color: #fff;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .main .main--bottom_conversion .main--bottom_conversion_button {
        transition-duration: .3s
    }

    .main .main--bottom_conversion .main--bottom_conversion_button:hover {
        opacity: .8
    }
}

.main .main--bottom_conversion .main--bottom_conversion_button .main--bottom_conversion_button_icon {
    position: relative;
    display: inline-block;
    padding-left: 32px
}

.main .main--bottom_conversion .main--bottom_conversion_button .main--bottom_conversion_button_icon.main--bottom_conversion_button_icon-reservation {
    font-size: 1.125rem;
    font-weight: 400
}

.main .main--bottom_conversion .main--bottom_conversion_button .main--bottom_conversion_button_icon.main--bottom_conversion_button_icon-reservation:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 24px;
    height: 22px;
    content: "";
    background: url(../images/common/bottom_conversion_ico01.png) 0 0 no-repeat;
    background-size: 24px 22px
}