@charset "UTF-8";

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

html {
    line-height: 1;
    height:100%;
}

ol,
ul {
    list-style: none
}

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

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

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

a img {
    border: 0
}

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

.fz-8 {
    font-size: 8px
}
.is--pc {
    height:100%;
}
@media(min-width:480px) {
    .fz-8-xs {
        font-size: 8px
    }
}

@media(min-width:768px) {
    .fz-8-sm {
        font-size: 8px
    }
}

@media(min-width:992px) {
    .fz-8-md {
        font-size: 8px
    }
}

@media(min-width:1200px) {
    .fz-8-lg {
        font-size: 8px
    }
}

.fz-9 {
    font-size: 9px
}

@media(min-width:480px) {
    .fz-9-xs {
        font-size: 9px
    }
}

@media(min-width:768px) {
    .fz-9-sm {
        font-size: 9px
    }
}

@media(min-width:992px) {
    .fz-9-md {
        font-size: 9px
    }
}

@media(min-width:1200px) {
    .fz-9-lg {
        font-size: 9px
    }
}

.fz-10 {
    font-size: 10px
}

@media(min-width:480px) {
    .fz-10-xs {
        font-size: 10px
    }
}

@media(min-width:768px) {
    .fz-10-sm {
        font-size: 10px
    }
}

@media(min-width:992px) {
    .fz-10-md {
        font-size: 10px
    }
}

@media(min-width:1200px) {
    .fz-10-lg {
        font-size: 10px
    }
}

.fz-11 {
    font-size: 11px
}

@media(min-width:480px) {
    .fz-11-xs {
        font-size: 11px
    }
}

@media(min-width:768px) {
    .fz-11-sm {
        font-size: 11px
    }
}

@media(min-width:992px) {
    .fz-11-md {
        font-size: 11px
    }
}

@media(min-width:1200px) {
    .fz-11-lg {
        font-size: 11px
    }
}

.fz-12 {
    font-size: 12px
}

@media(min-width:480px) {
    .fz-12-xs {
        font-size: 12px
    }
}

@media(min-width:768px) {
    .fz-12-sm {
        font-size: 12px
    }
}

@media(min-width:992px) {
    .fz-12-md {
        font-size: 12px
    }
}

@media(min-width:1200px) {
    .fz-12-lg {
        font-size: 12px
    }
}

.fz-13 {
    font-size: 13px
}

@media(min-width:480px) {
    .fz-13-xs {
        font-size: 13px
    }
}

@media(min-width:768px) {
    .fz-13-sm {
        font-size: 13px
    }
}

@media(min-width:992px) {
    .fz-13-md {
        font-size: 13px
    }
}

@media(min-width:1200px) {
    .fz-13-lg {
        font-size: 13px
    }
}

.fz-14 {
    font-size: 14px
}

@media(min-width:480px) {
    .fz-14-xs {
        font-size: 14px
    }
}

@media(min-width:768px) {
    .fz-14-sm {
        font-size: 14px
    }
}

@media(min-width:992px) {
    .fz-14-md {
        font-size: 14px
    }
}

@media(min-width:1200px) {
    .fz-14-lg {
        font-size: 14px
    }
}

.fz-15 {
    font-size: 15px
}

@media(min-width:480px) {
    .fz-15-xs {
        font-size: 15px
    }
}

@media(min-width:768px) {
    .fz-15-sm {
        font-size: 15px
    }
}

@media(min-width:992px) {
    .fz-15-md {
        font-size: 15px
    }
}

@media(min-width:1200px) {
    .fz-15-lg {
        font-size: 15px
    }
}

.fz-16 {
    font-size: 16px
}

@media(min-width:480px) {
    .fz-16-xs {
        font-size: 16px
    }
}

@media(min-width:768px) {
    .fz-16-sm {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .fz-16-md {
        font-size: 16px
    }
}

@media(min-width:1200px) {
    .fz-16-lg {
        font-size: 16px
    }
}

.fz-17 {
    font-size: 17px
}

@media(min-width:480px) {
    .fz-17-xs {
        font-size: 17px
    }
}

@media(min-width:768px) {
    .fz-17-sm {
        font-size: 17px
    }
}

@media(min-width:992px) {
    .fz-17-md {
        font-size: 17px
    }
}

@media(min-width:1200px) {
    .fz-17-lg {
        font-size: 17px
    }
}

.fz-18 {
    font-size: 18px
}

@media(min-width:480px) {
    .fz-18-xs {
        font-size: 18px
    }
}

@media(min-width:768px) {
    .fz-18-sm {
        font-size: 18px
    }
}

@media(min-width:992px) {
    .fz-18-md {
        font-size: 18px
    }
}

@media(min-width:1200px) {
    .fz-18-lg {
        font-size: 18px
    }
}

.fz-19 {
    font-size: 19px
}

@media(min-width:480px) {
    .fz-19-xs {
        font-size: 19px
    }
}

@media(min-width:768px) {
    .fz-19-sm {
        font-size: 19px
    }
}

@media(min-width:992px) {
    .fz-19-md {
        font-size: 19px
    }
}

@media(min-width:1200px) {
    .fz-19-lg {
        font-size: 19px
    }
}

.fz-20 {
    font-size: 20px
}

@media(min-width:480px) {
    .fz-20-xs {
        font-size: 20px
    }
}

@media(min-width:768px) {
    .fz-20-sm {
        font-size: 20px
    }
}

@media(min-width:992px) {
    .fz-20-md {
        font-size: 20px
    }
}

@media(min-width:1200px) {
    .fz-20-lg {
        font-size: 20px
    }
}

.fz-21 {
    font-size: 21px
}

@media(min-width:480px) {
    .fz-21-xs {
        font-size: 21px
    }
}

@media(min-width:768px) {
    .fz-21-sm {
        font-size: 21px
    }
}

@media(min-width:992px) {
    .fz-21-md {
        font-size: 21px
    }
}

@media(min-width:1200px) {
    .fz-21-lg {
        font-size: 21px
    }
}

.fz-22 {
    font-size: 22px
}

@media(min-width:480px) {
    .fz-22-xs {
        font-size: 22px
    }
}

@media(min-width:768px) {
    .fz-22-sm {
        font-size: 22px
    }
}

@media(min-width:992px) {
    .fz-22-md {
        font-size: 22px
    }
}

@media(min-width:1200px) {
    .fz-22-lg {
        font-size: 22px
    }
}

.fz-23 {
    font-size: 23px
}

@media(min-width:480px) {
    .fz-23-xs {
        font-size: 23px
    }
}

@media(min-width:768px) {
    .fz-23-sm {
        font-size: 23px
    }
}

@media(min-width:992px) {
    .fz-23-md {
        font-size: 23px
    }
}

@media(min-width:1200px) {
    .fz-23-lg {
        font-size: 23px
    }
}

.fz-24 {
    font-size: 24px
}

@media(min-width:480px) {
    .fz-24-xs {
        font-size: 24px
    }
}

@media(min-width:768px) {
    .fz-24-sm {
        font-size: 24px
    }
}

@media(min-width:992px) {
    .fz-24-md {
        font-size: 24px
    }
}

@media(min-width:1200px) {
    .fz-24-lg {
        font-size: 24px
    }
}

.fz-25 {
    font-size: 25px
}

@media(min-width:480px) {
    .fz-25-xs {
        font-size: 25px
    }
}

@media(min-width:768px) {
    .fz-25-sm {
        font-size: 25px
    }
}

@media(min-width:992px) {
    .fz-25-md {
        font-size: 25px
    }
}

@media(min-width:1200px) {
    .fz-25-lg {
        font-size: 25px
    }
}

.fz-26 {
    font-size: 26px
}

@media(min-width:480px) {
    .fz-26-xs {
        font-size: 26px
    }
}

@media(min-width:768px) {
    .fz-26-sm {
        font-size: 26px
    }
}

@media(min-width:992px) {
    .fz-26-md {
        font-size: 26px
    }
}

@media(min-width:1200px) {
    .fz-26-lg {
        font-size: 26px
    }
}

.fz-27 {
    font-size: 27px
}

@media(min-width:480px) {
    .fz-27-xs {
        font-size: 27px
    }
}

@media(min-width:768px) {
    .fz-27-sm {
        font-size: 27px
    }
}

@media(min-width:992px) {
    .fz-27-md {
        font-size: 27px
    }
}

@media(min-width:1200px) {
    .fz-27-lg {
        font-size: 27px
    }
}

.fz-28 {
    font-size: 28px
}

@media(min-width:480px) {
    .fz-28-xs {
        font-size: 28px
    }
}

@media(min-width:768px) {
    .fz-28-sm {
        font-size: 28px
    }
}

@media(min-width:992px) {
    .fz-28-md {
        font-size: 28px
    }
}

@media(min-width:1200px) {
    .fz-28-lg {
        font-size: 28px
    }
}

.fz-29 {
    font-size: 29px
}

@media(min-width:480px) {
    .fz-29-xs {
        font-size: 29px
    }
}

@media(min-width:768px) {
    .fz-29-sm {
        font-size: 29px
    }
}

@media(min-width:992px) {
    .fz-29-md {
        font-size: 29px
    }
}

@media(min-width:1200px) {
    .fz-29-lg {
        font-size: 29px
    }
}

.fz-30 {
    font-size: 30px
}

@media(min-width:480px) {
    .fz-30-xs {
        font-size: 30px
    }
}

@media(min-width:768px) {
    .fz-30-sm {
        font-size: 30px
    }
}

@media(min-width:992px) {
    .fz-30-md {
        font-size: 30px
    }
}

@media(min-width:1200px) {
    .fz-30-lg {
        font-size: 30px
    }
}

.fz-32 {
    font-size: 32px
}

@media(min-width:480px) {
    .fz-32-xs {
        font-size: 32px
    }
}

@media(min-width:768px) {
    .fz-32-sm {
        font-size: 32px
    }
}

@media(min-width:992px) {
    .fz-32-md {
        font-size: 32px
    }
}

@media(min-width:1200px) {
    .fz-32-lg {
        font-size: 32px
    }
}

.fz-40 {
    font-size: 40px
}

@media(min-width:480px) {
    .fz-40-xs {
        font-size: 40px
    }
}

@media(min-width:768px) {
    .fz-40-sm {
        font-size: 40px
    }
}

@media(min-width:992px) {
    .fz-40-md {
        font-size: 40px
    }
}

@media(min-width:1200px) {
    .fz-40-lg {
        font-size: 40px
    }
}

.fw-b {
    font-weight: 700
}

.fw-n {
    font-weight: 400
}

.lh-1em {
    line-height: 1em
}

.lh-1_25em {
    line-height: 1.25em
}

.lh-1_5em {
    line-height: 1.5em
}

.lh-1_75em {
    line-height: 1.75em
}

@media(min-width:480px) {
    .fw-b-xs {
        font-weight: 700
    }

    .fw-n-xs {
        font-weight: 400
    }

    .lh-1em-xs {
        line-height: 1em
    }

    .lh-1_25em-xs {
        line-height: 1.25em
    }

    .lh-1_5em-xs {
        line-height: 1.5em
    }

    .lh-1_75em-xs {
        line-height: 1.75em
    }
}

@media(min-width:768px) {
    .fw-b-sm {
        font-weight: 700
    }

    .fw-n-sm {
        font-weight: 400
    }

    .lh-1em-sm {
        line-height: 1em
    }

    .lh-1_25em-sm {
        line-height: 1.25em
    }

    .lh-1_5em-sm {
        line-height: 1.5em
    }

    .lh-1_75em-sm {
        line-height: 1.75em
    }
}

@media(min-width:992px) {
    .fw-b-md {
        font-weight: 700
    }

    .fw-n-md {
        font-weight: 400
    }

    .lh-1em-md {
        line-height: 1em
    }

    .lh-1_25em-md {
        line-height: 1.25em
    }

    .lh-1_5em-md {
        line-height: 1.5em
    }

    .lh-1_75em-md {
        line-height: 1.75em
    }
}

@media(min-width:1200px) {
    .fw-b-lg {
        font-weight: 700
    }

    .fw-n-lg {
        font-weight: 400
    }

    .lh-1em-lg {
        line-height: 1em
    }

    .lh-1_25em-lg {
        line-height: 1.25em
    }

    .lh-1_5em-lg {
        line-height: 1.5em
    }

    .lh-1_75em-lg {
        line-height: 1.75em
    }
}

@font-face {
    font-family: icomoon;
    src: url(/fonts/icomoon.eot?2m9a06);
    src: url(/fonts/icomoon.eot?2m9a06#iefix) format("embedded-opentype"), url(/fonts/icomoon.ttf?2m9a06) format("truetype"), url(/fonts/icomoon.woff?2m9a06) format("woff"), url(/fonts/icomoon.svg?2m9a06#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon_dl:before {
    content: "\e900"
}

h1 {
    font-size: 120px
}

h2 {
    font-size: 35px
}

@media(min-width:992px) {
    h2 {
        font-size: 50px
    }
}

@media(min-width:992px) {
    body {
        font-size: 14px
    }
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size: 14px;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 54px;
}

@media(min-width:992px) {
    body {
        font-size: 16px
    }
}

img {
    vertical-align: bottom;
    width: 100%;
    height: auto
}

.a {
    color: #00F;
    outline: 0
}

.a:hover {
    color: #00f
}

.a:hover .opacity-ov {
    filter: alpha(Opacity=50);
    opacity: .5
}

.a:active,
.a:focus {
    color: #00F;
    text-decoration: none;
    outline: 0
}

.p {
    line-height: 1.75em;
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: 14px
}

@media(min-width:992px) {
    .p {
        font-size: 16px
    }
}

.em,
.strong,
b {
    font-weight: 700
}

.br_sp {
    display: inline
}

@media(min-width:992px) {
    .br_sp {
        display: none
    }
}

a[href^='tel:'] {
    text-decoration: underline
}

@media(min-width:992px) {
    a[href^='tel:'] {
        text-decoration: none
    }
}

.c-1 {
    color: #fff
}

.bgc-1 {
    background-color: #fff
}

.bdc-1 {
    border-color: #fff
}

.c-2 {
    color: #000
}

.bgc-2 {
    background-color: #000
}

.bdc-2 {
    border-color: #000
}

.c-3 {
    color: #ccc
}

.bgc-3 {
    background-color: #ccc
}

.bdc-3 {
    border-color: #ccc
}

.wrap-xs {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto
}

.wrap-sm {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto
}

.wrap-md {
    max-width: 992px;
    margin-left: auto;
    margin-right: auto
}

.wrap-lg {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.is-top .l-top-preview-content,
.l-breadcrumb-nav>*,
.l-detail-content,
.l-detail__header,
.wrap-content {
    display: block;
    width: 100%;
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto
}

.l-breadcrumb-nav--detail>*,
.wrap-content-detail {
    display: block;
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:992px) {

    .is--tablet .is-top .l-top-preview-content,
    .is--tablet .l-breadcrumb-nav>*,
    .is--tablet .l-detail-content,
    .is--tablet .l-detail__header,
    .is--tablet .wrap-content,
    .is-top .is--tablet .l-top-preview-content {
        max-width: 984px
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    color: #666 !important;
    background: #fff;
    transition: 5000s ease-in-out 0;
    padding: 7px 18px
}

.form-control {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif
}

.form-control::-webkit-input-placeholder {
    color: #ccc !important
}

.form-control::-moz-placeholder {
    color: #ccc !important
}

.form-control:-ms-input-placeholder {
    color: #ccc !important
}

.form-control :-moz-placeholder {
    color: #ccc !important
}

textarea {
    resize: vertical;
    min-height: 250px
}

textarea:disabled {
    resize: none;
    min-height: auto;
    max-height: inherit !important
}

form .form-group {
    margin-bottom: 44px
}

@media(min-width:992px) {
    form .form-group {
        margin-bottom: 38px
    }
}

form .form-group .control-label {
    color: #666;
    margin-bottom: 13px
}

@media(min-width:768px) and (max-width:992px) {
    form .form-group .control-label {
        font-size: 16px
    }
}

@media(min-width:992px) {
    form .form-group .control-label {
        font-size: 14px;
        line-height: 2.5em
    }
}

form .form-group .form-control {
    color: #666;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    background: #fff;
    border-radius: 3px;
    height: 40px;
    box-shadow: none;
    padding: 10px 18px;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none
}

form .form-group .form-control:focus {
    border-color: #014099;
    box-shadow: none
}

form .form-group .form-control:disabled {
    padding: 0 10px;
    border: 0;
    max-height: 33px;
    cursor: inherit;
    font-size: 13px
}

@media(min-width:768px) and (max-width:992px) {
    form .form-group .form-control:disabled {
        font-size: 16px
    }
}

@media(min-width:992px) {
    form .form-group .form-control:disabled {
        font-size: 14px;
        padding: 7px 18px
    }
}

@media(min-width:992px) {
    form .form-group .form-control.form-control-half {
        width: 50%
    }
}

@media(min-width:992px) {
    form .form-group .form-control {
        padding: 18px;
        height: 52px
    }
}

form .form-group .form-control__confirm--text {
    color: #666;
    border: 0;
    line-height: 1.8;
    padding: 7px 10px;
    height: auto;
    font-size: 13px
}

@media(min-width:768px) and (max-width:992px) {
    form .form-group .form-control__confirm--text {
        font-size: 16px
    }
}

@media(min-width:992px) {
    form .form-group .form-control__confirm--text {
        font-size: 14px;
        padding: 5px 18px
    }
}

form .form-group .help-block {
    margin: 0
}

form .form-group .with-errors {
    color: #c00
}

form .form-group .help-block {
    display: none;
    margin-bottom: -20px;
    font-size: 12px;
    margin-top: 8px
}

@media(min-width:992px) {
    form .form-group .help-block {
        margin-bottom: -20px
    }
}

form .form-group .help-block.is-error {
    display: block
}

form .form-group.has-error {
    margin-bottom: 0
}

form .form-group.has-error .with-errors {
    color: #c00
}

form .form-group.has-error .control-label {
    color: #666
}

form .form-group.has-error .form-control {
    border-color: #c00
}

form .form-group.has-error .form-control:focus {
    border-color: #c00;
    box-shadow: none
}

form .form-group.has-error .help-block {
    margin-bottom: 24px;
    font-size: 12px;
    margin-top: 8px
}

@media(min-width:992px) {
    form .form-group.has-error .help-block {
        margin-bottom: 18px
    }
}

.info-article__form--confirm .form-group .control-label {
    margin-bottom: 0
}

@media(min-width:992px) {
    .info-article__form--confirm .form-group .control-label {
        margin-bottom: 13px
    }
}

.remodal-close {
    outline: 0;
    display: none;
    position: fixed;
    right: 10px;
    top: 20px;
    left: auto;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 9200;
    background: 0;
    border: 0
}

.remodal-close:after,
.remodal-close:before {
    -moz-transition: ease-out .2s;
    -o-transition: ease-out .2s;
    -webkit-transition: ease-out .2s;
    transition: ease-out .2s;
    content: "";
    position: absolute;
    right: 0;
    height: 2px;
    width: 20px;
    background-color: #02156a;
    border-radius: 1em
}

@media(min-width:768px) {

    .remodal-close:after,
    .remodal-close:before {
        width: 40px;
        height: 4px
    }
}

.remodal-close:before {
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.remodal-close:after {
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

@media(min-width:768px) {
    .remodal-close {
        top: 20px;
        width: 40px;
        height: 40px
    }

    .remodal-close:before {
        -moz-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg)
    }

    .remodal-close:after {
        -moz-transform: rotateZ(-45deg);
        -ms-transform: rotateZ(-45deg);
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg)
    }
}

.remodal-overlay {
    background-color: #fff;
    z-index: 9000
}

.remodal-wrapper {
    padding: 0;
    z-index: 9100
}

.remodal {
    background: 0;
    max-width: 1020px;
    padding: 50px 10px 10px
}

.remodal .modalVideo-box {
    position: relative;
    width: 100%
}

.remodal .modalVideo-box:before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.remodal #player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.remodal-overlay.remodal-is-opening,
.remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.remodal-overlay.remodal-is-closing,
.remodal.remodal-is-closing {
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.row.gutter-10 {
    margin-left: -5px;
    margin-right: -5px
}

.row.gutter-10>[class*=" col-"],
.row.gutter-10>[class^=col-] {
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:480px) {
    .row.gutter-xs-10-xs {
        margin-left: -5px;
        margin-right: -5px
    }

    .row.gutter-xs-10-xs>[class*=" col-"],
    .row.gutter-xs-10-xs>[class^=col-] {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(min-width:768px) {
    .row.gutter-sm-10-sm {
        margin-left: -5px;
        margin-right: -5px
    }

    .row.gutter-sm-10-sm>[class*=" col-"],
    .row.gutter-sm-10-sm>[class^=col-] {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(min-width:992px) {
    .row.gutter-md-10-md {
        margin-left: -5px;
        margin-right: -5px
    }

    .row.gutter-md-10-md>[class*=" col-"],
    .row.gutter-md-10-md>[class^=col-] {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(min-width:1200px) {
    .row.gutter-lg-10-lg {
        margin-left: -5px;
        margin-right: -5px
    }

    .row.gutter-lg-10-lg>[class*=" col-"],
    .row.gutter-lg-10-lg>[class^=col-] {
        padding-left: 5px;
        padding-right: 5px
    }
}

.row.gutter-15 {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.row.gutter-15>[class*=" col-"],
.row.gutter-15>[class^=col-] {
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media(min-width:480px) {
    .row.gutter-xs-15-xs {
        margin-left: -7.5px;
        margin-right: -7.5px
    }

    .row.gutter-xs-15-xs>[class*=" col-"],
    .row.gutter-xs-15-xs>[class^=col-] {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

@media(min-width:768px) {
    .row.gutter-sm-15-sm {
        margin-left: -7.5px;
        margin-right: -7.5px
    }

    .row.gutter-sm-15-sm>[class*=" col-"],
    .row.gutter-sm-15-sm>[class^=col-] {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

@media(min-width:992px) {
    .row.gutter-md-15-md {
        margin-left: -7.5px;
        margin-right: -7.5px
    }

    .row.gutter-md-15-md>[class*=" col-"],
    .row.gutter-md-15-md>[class^=col-] {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

@media(min-width:1200px) {
    .row.gutter-lg-15-lg {
        margin-left: -7.5px;
        margin-right: -7.5px
    }

    .row.gutter-lg-15-lg>[class*=" col-"],
    .row.gutter-lg-15-lg>[class^=col-] {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

.row.gutter-20 {
    margin-left: -10px;
    margin-right: -10px
}

.row.gutter-20>[class*=" col-"],
.row.gutter-20>[class^=col-] {
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width:480px) {
    .row.gutter-xs-20-xs {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.gutter-xs-20-xs>[class*=" col-"],
    .row.gutter-xs-20-xs>[class^=col-] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:768px) {
    .row.gutter-sm-20-sm {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.gutter-sm-20-sm>[class*=" col-"],
    .row.gutter-sm-20-sm>[class^=col-] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:992px) {
    .row.gutter-md-20-md {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.gutter-md-20-md>[class*=" col-"],
    .row.gutter-md-20-md>[class^=col-] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:1200px) {
    .row.gutter-lg-20-lg {
        margin-left: -10px;
        margin-right: -10px
    }

    .row.gutter-lg-20-lg>[class*=" col-"],
    .row.gutter-lg-20-lg>[class^=col-] {
        padding-left: 10px;
        padding-right: 10px
    }
}

.row.gutter-40 {
    margin-left: -20px;
    margin-right: -20px
}

.row.gutter-40>[class*=" col-"],
.row.gutter-40>[class^=col-] {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:480px) {
    .row.gutter-xs-40-xs {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.gutter-xs-40-xs>[class*=" col-"],
    .row.gutter-xs-40-xs>[class^=col-] {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:768px) {
    .row.gutter-sm-40-sm {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.gutter-sm-40-sm>[class*=" col-"],
    .row.gutter-sm-40-sm>[class^=col-] {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:992px) {
    .row.gutter-md-40-md {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.gutter-md-40-md>[class*=" col-"],
    .row.gutter-md-40-md>[class^=col-] {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:1200px) {
    .row.gutter-lg-40-lg {
        margin-left: -20px;
        margin-right: -20px
    }

    .row.gutter-lg-40-lg>[class*=" col-"],
    .row.gutter-lg-40-lg>[class^=col-] {
        padding-left: 20px;
        padding-right: 20px
    }
}

.button-arrow {
    line-height: 50px;
    background: #303f57;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 15px;
    overflow: hidden;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding-left: 20px;
    min-width: 297px;
    padding-right: 44px
}

.button-arrow:after {
    content: "";
    position: absolute;
    height: 54px;
    background-image: url(../svg/button_arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    top: -2px;
    background-size: 100% 100%;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 28px;
    right: 37px
}

@media(min-width:992px) {
    .button-arrow {
        line-height: 80px;
        font-size: 18px
    }

    .button-arrow:after {
        height: 90px;
        top: -5px
    }
}

@media(min-width:992px) {
    .button-arrow {
        padding-left: 40px;
        padding-right: 104px;
        min-width: 500px
    }

    .button-arrow:after {
        width: 50px;
        right: 60px
    }

    .button-arrow:hover {
        background-color: #43526a
    }

    .button-arrow:hover:after {
        right: 20px
    }
}

.button-arrow--navy {
    line-height: 50px;
    background: #303f57;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 15px;
    overflow: hidden;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding-left: 20px;
    min-width: 297px;
    padding-right: 44px
}

.button-arrow--navy:after {
    content: "";
    position: absolute;
    height: 54px;
    background-image: url(../svg/button_arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    top: -2px;
    background-size: 100% 100%;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 28px;
    right: 37px
}

@media(min-width:992px) {
    .button-arrow--navy {
        line-height: 80px;
        font-size: 18px
    }

    .button-arrow--navy:after {
        height: 90px;
        top: -5px
    }
}

@media(min-width:992px) {
    .button-arrow--navy {
        padding-left: 40px;
        padding-right: 104px;
        min-width: 500px
    }

    .button-arrow--navy:after {
        width: 50px;
        right: 60px
    }

    .button-arrow--navy:hover {
        background-color: #43526a
    }

    .button-arrow--navy:hover:after {
        right: 20px
    }
}

.button-arrow--white {
    line-height: 50px;
    background: #fff;
    color: #303f57;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 15px;
    overflow: hidden;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    padding-left: 20px;
    min-width: 297px;
    padding-right: 44px
}

.button-arrow--white:after {
    content: "";
    position: absolute;
    height: 54px;
    background-repeat: no-repeat;
    background-position: right center;
    top: -2px;
    background-size: 100% 100%;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 28px;
    right: 37px;
    background-image: url(../svg/button_arrow_gray.svg)
}

@media(min-width:992px) {
    .button-arrow--white {
        line-height: 80px;
        font-size: 18px
    }

    .button-arrow--white:after {
        height: 90px;
        top: -5px
    }
}

@media(min-width:992px) {
    .button-arrow--white {
        padding-left: 40px;
        padding-right: 104px;
        min-width: 500px
    }

    .button-arrow--white:after {
        width: 50px;
        right: 60px
    }

    .button-arrow--white:hover {
        background-color: #43526a
    }

    .button-arrow--white:hover:after {
        right: 20px
    }
}

.button-arrow--white:hover {
    background-color: #eeeffc
}

.button-normal {
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    min-width: 160px;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    background: #2e3e59;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width:992px) {
    .button-normal {
        min-width: 300px;
        font-size: 14px;
        line-height: 50px
    }

    .button-normal:hover {
        background: #43526a
    }
}

.button-normal:before {
    content: '';
    display: inline-block;
    margin-right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #fff
}

@media(min-width:768px) {
    .button-normal:before {
        margin-right: 11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4.5px 0 4.5px 7px;
        border-color: transparent transparent transparent #fff
    }
}

.button-download {
    padding: 10px 10px 10px 35px;
    display: block;
    text-decoration: none;
    color: #303f57;
    font-size: 14px;
    border: 1px solid #43526a;
    text-align: center;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #fff
}

@media(min-width:992px) {
    .button-download {
        padding: 15px 15px 15px 40px
    }

    .button-download:hover {
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s;
        background-color: #eeeffc
    }
}

.button-download .link-text {
    display: inline-block;
    text-align: left;
    line-height: 1.3
}

.page-title-stripe {
    font-family: "Reem Kufi", sans-serif;
    position: relative;
    color: #fff;
    font-size: 35px;
    line-height: 1em
}

.page-title-stripe:before {
    content: '';
    position: absolute;
    top: 45%;
    height: 5px;
    background-color: #fff;
    left: -30px;
    width: 25px
}

@media(min-width:768px) and (max-width:992px) {
    .page-title-stripe:before {
        width: 70px;
        left: -90px;
        height: 5px
    }
}

@media(min-width:992px) {
    .page-title-stripe:before {
        width: 2970px;
        left: -3000px;
        height: 10px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .page-title-stripe {
        font-size: 65px
    }
}

@media(min-width:992px) {
    .page-title-stripe {
        font-size: 120px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .page-title-stripe:before {
        left: -3000px;
        width: 2990px
    }
}

@media(min-width:992px) {
    .page-title-stripe:before {
        left: -3000px;
        width: 2970px
    }
}

.page-title-stripe--white {
    color: #fff
}

.page-title-stripe--white:before {
    background-color: #fff
}

.page-title-stripe--navy {
    color: #303f57
}

.page-title-stripe--navy:before {
    background-color: #303f57
}

.page-title-stripe-subtitle {
    display: block;
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    color: #fff;
    font-size: 17px;
    margin-top: 3px
}

@media(min-width:768px) and (max-width:992px) {
    .page-title-stripe-subtitle {
        font-size: 20px;
        font-weight: 700
    }
}

@media(min-width:992px) {
    .page-title-stripe-subtitle {
        font-size: 20px;
        font-weight: 700
    }
}

.page-title-stripe-subtitle--white {
    color: #fff
}

.page-title-stripe-subtitle--navy {
    color: #303f57
}

body main .title-level2 {
    font-size: 21px;
    margin-bottom: 15px !important;
    font-family: "Reem Kufi", sans-serif
}

@media(min-width:992px) {
    body main .title-level2 {
        font-size: 36px;
        margin-bottom: 27px !important
    }
}

.bdw-1 {
    border-width: 1px
}

.bdtw-1 {
    border-top-width: 1px
}

.bdrw-1 {
    border-right-width: 1px
}

.bdbw-1 {
    border-bottom-width: 1px
}

.bdlw-1 {
    border-left-width: 1px
}

@media(min-width:480px) {
    .bdw-1-xs {
        border-width: 1px
    }

    .bdtw-1-xs {
        border-top-width: 1px
    }

    .bdrw-1-xs {
        border-right-width: 1px
    }

    .bdbw-1-xs {
        border-bottom-width: 1px
    }

    .bdlw-1-xs {
        border-left-width: 1px
    }
}

@media(min-width:768px) {
    .bdw-1-sm {
        border-width: 1px
    }

    .bdtw-1-sm {
        border-top-width: 1px
    }

    .bdrw-1-sm {
        border-right-width: 1px
    }

    .bdbw-1-sm {
        border-bottom-width: 1px
    }

    .bdlw-1-sm {
        border-left-width: 1px
    }
}

@media(min-width:992px) {
    .bdw-1-md {
        border-width: 1px
    }

    .bdtw-1-md {
        border-top-width: 1px
    }

    .bdrw-1-md {
        border-right-width: 1px
    }

    .bdbw-1-md {
        border-bottom-width: 1px
    }

    .bdlw-1-md {
        border-left-width: 1px
    }
}

@media(min-width:1200px) {
    .bdw-1-lg {
        border-width: 1px
    }

    .bdtw-1-lg {
        border-top-width: 1px
    }

    .bdrw-1-lg {
        border-right-width: 1px
    }

    .bdbw-1-lg {
        border-bottom-width: 1px
    }

    .bdlw-1-lg {
        border-left-width: 1px
    }
}

.bdw-2 {
    border-width: 2px
}

.bdtw-2 {
    border-top-width: 2px
}

.bdrw-2 {
    border-right-width: 2px
}

.bdbw-2 {
    border-bottom-width: 2px
}

.bdlw-2 {
    border-left-width: 2px
}

@media(min-width:480px) {
    .bdw-2-xs {
        border-width: 2px
    }

    .bdtw-2-xs {
        border-top-width: 2px
    }

    .bdrw-2-xs {
        border-right-width: 2px
    }

    .bdbw-2-xs {
        border-bottom-width: 2px
    }

    .bdlw-2-xs {
        border-left-width: 2px
    }
}

@media(min-width:768px) {
    .bdw-2-sm {
        border-width: 2px
    }

    .bdtw-2-sm {
        border-top-width: 2px
    }

    .bdrw-2-sm {
        border-right-width: 2px
    }

    .bdbw-2-sm {
        border-bottom-width: 2px
    }

    .bdlw-2-sm {
        border-left-width: 2px
    }
}

@media(min-width:992px) {
    .bdw-2-md {
        border-width: 2px
    }

    .bdtw-2-md {
        border-top-width: 2px
    }

    .bdrw-2-md {
        border-right-width: 2px
    }

    .bdbw-2-md {
        border-bottom-width: 2px
    }

    .bdlw-2-md {
        border-left-width: 2px
    }
}

@media(min-width:1200px) {
    .bdw-2-lg {
        border-width: 2px
    }

    .bdtw-2-lg {
        border-top-width: 2px
    }

    .bdrw-2-lg {
        border-right-width: 2px
    }

    .bdbw-2-lg {
        border-bottom-width: 2px
    }

    .bdlw-2-lg {
        border-left-width: 2px
    }
}

.bdw-3 {
    border-width: 3px
}

.bdtw-3 {
    border-top-width: 3px
}

.bdrw-3 {
    border-right-width: 3px
}

.bdbw-3 {
    border-bottom-width: 3px
}

.bdlw-3 {
    border-left-width: 3px
}

@media(min-width:480px) {
    .bdw-3-xs {
        border-width: 3px
    }

    .bdtw-3-xs {
        border-top-width: 3px
    }

    .bdrw-3-xs {
        border-right-width: 3px
    }

    .bdbw-3-xs {
        border-bottom-width: 3px
    }

    .bdlw-3-xs {
        border-left-width: 3px
    }
}

@media(min-width:768px) {
    .bdw-3-sm {
        border-width: 3px
    }

    .bdtw-3-sm {
        border-top-width: 3px
    }

    .bdrw-3-sm {
        border-right-width: 3px
    }

    .bdbw-3-sm {
        border-bottom-width: 3px
    }

    .bdlw-3-sm {
        border-left-width: 3px
    }
}

@media(min-width:992px) {
    .bdw-3-md {
        border-width: 3px
    }

    .bdtw-3-md {
        border-top-width: 3px
    }

    .bdrw-3-md {
        border-right-width: 3px
    }

    .bdbw-3-md {
        border-bottom-width: 3px
    }

    .bdlw-3-md {
        border-left-width: 3px
    }
}

@media(min-width:1200px) {
    .bdw-3-lg {
        border-width: 3px
    }

    .bdtw-3-lg {
        border-top-width: 3px
    }

    .bdrw-3-lg {
        border-right-width: 3px
    }

    .bdbw-3-lg {
        border-bottom-width: 3px
    }

    .bdlw-3-lg {
        border-left-width: 3px
    }
}

.bdw-4 {
    border-width: 4px
}

.bdtw-4 {
    border-top-width: 4px
}

.bdrw-4 {
    border-right-width: 4px
}

.bdbw-4 {
    border-bottom-width: 4px
}

.bdlw-4 {
    border-left-width: 4px
}

@media(min-width:480px) {
    .bdw-4-xs {
        border-width: 4px
    }

    .bdtw-4-xs {
        border-top-width: 4px
    }

    .bdrw-4-xs {
        border-right-width: 4px
    }

    .bdbw-4-xs {
        border-bottom-width: 4px
    }

    .bdlw-4-xs {
        border-left-width: 4px
    }
}

@media(min-width:768px) {
    .bdw-4-sm {
        border-width: 4px
    }

    .bdtw-4-sm {
        border-top-width: 4px
    }

    .bdrw-4-sm {
        border-right-width: 4px
    }

    .bdbw-4-sm {
        border-bottom-width: 4px
    }

    .bdlw-4-sm {
        border-left-width: 4px
    }
}

@media(min-width:992px) {
    .bdw-4-md {
        border-width: 4px
    }

    .bdtw-4-md {
        border-top-width: 4px
    }

    .bdrw-4-md {
        border-right-width: 4px
    }

    .bdbw-4-md {
        border-bottom-width: 4px
    }

    .bdlw-4-md {
        border-left-width: 4px
    }
}

@media(min-width:1200px) {
    .bdw-4-lg {
        border-width: 4px
    }

    .bdtw-4-lg {
        border-top-width: 4px
    }

    .bdrw-4-lg {
        border-right-width: 4px
    }

    .bdbw-4-lg {
        border-bottom-width: 4px
    }

    .bdlw-4-lg {
        border-left-width: 4px
    }
}

.bdw-5 {
    border-width: 5px
}

.bdtw-5 {
    border-top-width: 5px
}

.bdrw-5 {
    border-right-width: 5px
}

.bdbw-5 {
    border-bottom-width: 5px
}

.bdlw-5 {
    border-left-width: 5px
}

@media(min-width:480px) {
    .bdw-5-xs {
        border-width: 5px
    }

    .bdtw-5-xs {
        border-top-width: 5px
    }

    .bdrw-5-xs {
        border-right-width: 5px
    }

    .bdbw-5-xs {
        border-bottom-width: 5px
    }

    .bdlw-5-xs {
        border-left-width: 5px
    }
}

@media(min-width:768px) {
    .bdw-5-sm {
        border-width: 5px
    }

    .bdtw-5-sm {
        border-top-width: 5px
    }

    .bdrw-5-sm {
        border-right-width: 5px
    }

    .bdbw-5-sm {
        border-bottom-width: 5px
    }

    .bdlw-5-sm {
        border-left-width: 5px
    }
}

@media(min-width:992px) {
    .bdw-5-md {
        border-width: 5px
    }

    .bdtw-5-md {
        border-top-width: 5px
    }

    .bdrw-5-md {
        border-right-width: 5px
    }

    .bdbw-5-md {
        border-bottom-width: 5px
    }

    .bdlw-5-md {
        border-left-width: 5px
    }
}

@media(min-width:1200px) {
    .bdw-5-lg {
        border-width: 5px
    }

    .bdtw-5-lg {
        border-top-width: 5px
    }

    .bdrw-5-lg {
        border-right-width: 5px
    }

    .bdbw-5-lg {
        border-bottom-width: 5px
    }

    .bdlw-5-lg {
        border-left-width: 5px
    }
}

.bdw-10 {
    border-width: 10px
}

.bdtw-10 {
    border-top-width: 10px
}

.bdrw-10 {
    border-right-width: 10px
}

.bdbw-10 {
    border-bottom-width: 10px
}

.bdlw-10 {
    border-left-width: 10px
}

@media(min-width:480px) {
    .bdw-10-xs {
        border-width: 10px
    }

    .bdtw-10-xs {
        border-top-width: 10px
    }

    .bdrw-10-xs {
        border-right-width: 10px
    }

    .bdbw-10-xs {
        border-bottom-width: 10px
    }

    .bdlw-10-xs {
        border-left-width: 10px
    }
}

@media(min-width:768px) {
    .bdw-10-sm {
        border-width: 10px
    }

    .bdtw-10-sm {
        border-top-width: 10px
    }

    .bdrw-10-sm {
        border-right-width: 10px
    }

    .bdbw-10-sm {
        border-bottom-width: 10px
    }

    .bdlw-10-sm {
        border-left-width: 10px
    }
}

@media(min-width:992px) {
    .bdw-10-md {
        border-width: 10px
    }

    .bdtw-10-md {
        border-top-width: 10px
    }

    .bdrw-10-md {
        border-right-width: 10px
    }

    .bdbw-10-md {
        border-bottom-width: 10px
    }

    .bdlw-10-md {
        border-left-width: 10px
    }
}

@media(min-width:1200px) {
    .bdw-10-lg {
        border-width: 10px
    }

    .bdtw-10-lg {
        border-top-width: 10px
    }

    .bdrw-10-lg {
        border-right-width: 10px
    }

    .bdbw-10-lg {
        border-bottom-width: 10px
    }

    .bdlw-10-lg {
        border-left-width: 10px
    }
}

.bds-s {
    border-style: solid
}

.bds-ds {
    border-style: dashed
}

.bds-dt {
    border-style: dotted
}

.bds-n {
    border-style: none
}

@media(min-width:480px) {
    .bds-s-xs {
        border-style: solid
    }

    .bds-ds-xs {
        border-style: dashed
    }

    .bds-dt-xs {
        border-style: dotted
    }

    .bds-n-xs {
        border-style: none
    }
}

@media(min-width:768px) {
    .bds-s-sm {
        border-style: solid
    }

    .bds-ds-sm {
        border-style: dashed
    }

    .bds-dt-sm {
        border-style: dotted
    }

    .bds-n-sm {
        border-style: none
    }
}

@media(min-width:992px) {
    .bds-s-md {
        border-style: solid
    }

    .bds-ds-md {
        border-style: dashed
    }

    .bds-dt-md {
        border-style: dotted
    }

    .bds-n-md {
        border-style: none
    }
}

@media(min-width:1200px) {
    .bds-s-lg {
        border-style: solid
    }

    .bds-ds-lg {
        border-style: dashed
    }

    .bds-dt-lg {
        border-style: dotted
    }

    .bds-n-lg {
        border-style: none
    }
}

.bdra-4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.bdra-8 {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.bdra-10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.bdra-circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.m-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

@media(min-width:480px) {
    .m-0-xs {
        margin: 0
    }

    .mt-0-xs {
        margin-top: 0
    }

    .mr-0-xs {
        margin-right: 0
    }

    .mb-0-xs {
        margin-bottom: 0
    }

    .ml-0-xs {
        margin-left: 0
    }
}

@media(min-width:768px) {
    .m-0-sm {
        margin: 0
    }

    .mt-0-sm {
        margin-top: 0
    }

    .mr-0-sm {
        margin-right: 0
    }

    .mb-0-sm {
        margin-bottom: 0
    }

    .ml-0-sm {
        margin-left: 0
    }
}

@media(min-width:992px) {
    .m-0-md {
        margin: 0
    }

    .mt-0-md {
        margin-top: 0
    }

    .mr-0-md {
        margin-right: 0
    }

    .mb-0-md {
        margin-bottom: 0
    }

    .ml-0-md {
        margin-left: 0
    }
}

@media(min-width:1200px) {
    .m-0-lg {
        margin: 0
    }

    .mt-0-lg {
        margin-top: 0
    }

    .mr-0-lg {
        margin-right: 0
    }

    .mb-0-lg {
        margin-bottom: 0
    }

    .ml-0-lg {
        margin-left: 0
    }
}

.m-5 {
    margin: 5px
}

.mt-5 {
    margin-top: 5px
}

.mr-5 {
    margin-right: 5px
}

.mb-5 {
    margin-bottom: 5px
}

.ml-5 {
    margin-left: 5px
}

@media(min-width:480px) {
    .m-5-xs {
        margin: 5px
    }

    .mt-5-xs {
        margin-top: 5px
    }

    .mr-5-xs {
        margin-right: 5px
    }

    .mb-5-xs {
        margin-bottom: 5px
    }

    .ml-5-xs {
        margin-left: 5px
    }
}

@media(min-width:768px) {
    .m-5-sm {
        margin: 5px
    }

    .mt-5-sm {
        margin-top: 5px
    }

    .mr-5-sm {
        margin-right: 5px
    }

    .mb-5-sm {
        margin-bottom: 5px
    }

    .ml-5-sm {
        margin-left: 5px
    }
}

@media(min-width:992px) {
    .m-5-md {
        margin: 5px
    }

    .mt-5-md {
        margin-top: 5px
    }

    .mr-5-md {
        margin-right: 5px
    }

    .mb-5-md {
        margin-bottom: 5px
    }

    .ml-5-md {
        margin-left: 5px
    }
}

@media(min-width:1200px) {
    .m-5-lg {
        margin: 5px
    }

    .mt-5-lg {
        margin-top: 5px
    }

    .mr-5-lg {
        margin-right: 5px
    }

    .mb-5-lg {
        margin-bottom: 5px
    }

    .ml-5-lg {
        margin-left: 5px
    }
}

.m-10 {
    margin: 10px
}

.mt-10 {
    margin-top: 10px
}

.mr-10 {
    margin-right: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.ml-10 {
    margin-left: 10px
}

@media(min-width:480px) {
    .m-10-xs {
        margin: 10px
    }

    .mt-10-xs {
        margin-top: 10px
    }

    .mr-10-xs {
        margin-right: 10px
    }

    .mb-10-xs {
        margin-bottom: 10px
    }

    .ml-10-xs {
        margin-left: 10px
    }
}

@media(min-width:768px) {
    .m-10-sm {
        margin: 10px
    }

    .mt-10-sm {
        margin-top: 10px
    }

    .mr-10-sm {
        margin-right: 10px
    }

    .mb-10-sm {
        margin-bottom: 10px
    }

    .ml-10-sm {
        margin-left: 10px
    }
}

@media(min-width:992px) {
    .m-10-md {
        margin: 10px
    }

    .mt-10-md {
        margin-top: 10px
    }

    .mr-10-md {
        margin-right: 10px
    }

    .mb-10-md {
        margin-bottom: 10px
    }

    .ml-10-md {
        margin-left: 10px
    }
}

@media(min-width:1200px) {
    .m-10-lg {
        margin: 10px
    }

    .mt-10-lg {
        margin-top: 10px
    }

    .mr-10-lg {
        margin-right: 10px
    }

    .mb-10-lg {
        margin-bottom: 10px
    }

    .ml-10-lg {
        margin-left: 10px
    }
}

.m-15 {
    margin: 15px
}

.mt-15 {
    margin-top: 15px
}

.mr-15 {
    margin-right: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.ml-15 {
    margin-left: 15px
}

@media(min-width:480px) {
    .m-15-xs {
        margin: 15px
    }

    .mt-15-xs {
        margin-top: 15px
    }

    .mr-15-xs {
        margin-right: 15px
    }

    .mb-15-xs {
        margin-bottom: 15px
    }

    .ml-15-xs {
        margin-left: 15px
    }
}

@media(min-width:768px) {
    .m-15-sm {
        margin: 15px
    }

    .mt-15-sm {
        margin-top: 15px
    }

    .mr-15-sm {
        margin-right: 15px
    }

    .mb-15-sm {
        margin-bottom: 15px
    }

    .ml-15-sm {
        margin-left: 15px
    }
}

@media(min-width:992px) {
    .m-15-md {
        margin: 15px
    }

    .mt-15-md {
        margin-top: 15px
    }

    .mr-15-md {
        margin-right: 15px
    }

    .mb-15-md {
        margin-bottom: 15px
    }

    .ml-15-md {
        margin-left: 15px
    }
}

@media(min-width:1200px) {
    .m-15-lg {
        margin: 15px
    }

    .mt-15-lg {
        margin-top: 15px
    }

    .mr-15-lg {
        margin-right: 15px
    }

    .mb-15-lg {
        margin-bottom: 15px
    }

    .ml-15-lg {
        margin-left: 15px
    }
}

.m-20 {
    margin: 20px
}

.mt-20 {
    margin-top: 20px
}

.mr-20 {
    margin-right: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.ml-20 {
    margin-left: 20px
}

@media(min-width:480px) {
    .m-20-xs {
        margin: 20px
    }

    .mt-20-xs {
        margin-top: 20px
    }

    .mr-20-xs {
        margin-right: 20px
    }

    .mb-20-xs {
        margin-bottom: 20px
    }

    .ml-20-xs {
        margin-left: 20px
    }
}

@media(min-width:768px) {
    .m-20-sm {
        margin: 20px
    }

    .mt-20-sm {
        margin-top: 20px
    }

    .mr-20-sm {
        margin-right: 20px
    }

    .mb-20-sm {
        margin-bottom: 20px
    }

    .ml-20-sm {
        margin-left: 20px
    }
}

@media(min-width:992px) {
    .m-20-md {
        margin: 20px
    }

    .mt-20-md {
        margin-top: 20px
    }

    .mr-20-md {
        margin-right: 20px
    }

    .mb-20-md {
        margin-bottom: 20px
    }

    .ml-20-md {
        margin-left: 20px
    }
}

@media(min-width:1200px) {
    .m-20-lg {
        margin: 20px
    }

    .mt-20-lg {
        margin-top: 20px
    }

    .mr-20-lg {
        margin-right: 20px
    }

    .mb-20-lg {
        margin-bottom: 20px
    }

    .ml-20-lg {
        margin-left: 20px
    }
}

.m-25 {
    margin: 25px
}

.mt-25 {
    margin-top: 25px
}

.mr-25 {
    margin-right: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.ml-25 {
    margin-left: 25px
}

@media(min-width:480px) {
    .m-25-xs {
        margin: 25px
    }

    .mt-25-xs {
        margin-top: 25px
    }

    .mr-25-xs {
        margin-right: 25px
    }

    .mb-25-xs {
        margin-bottom: 25px
    }

    .ml-25-xs {
        margin-left: 25px
    }
}

@media(min-width:768px) {
    .m-25-sm {
        margin: 25px
    }

    .mt-25-sm {
        margin-top: 25px
    }

    .mr-25-sm {
        margin-right: 25px
    }

    .mb-25-sm {
        margin-bottom: 25px
    }

    .ml-25-sm {
        margin-left: 25px
    }
}

@media(min-width:992px) {
    .m-25-md {
        margin: 25px
    }

    .mt-25-md {
        margin-top: 25px
    }

    .mr-25-md {
        margin-right: 25px
    }

    .mb-25-md {
        margin-bottom: 25px
    }

    .ml-25-md {
        margin-left: 25px
    }
}

@media(min-width:1200px) {
    .m-25-lg {
        margin: 25px
    }

    .mt-25-lg {
        margin-top: 25px
    }

    .mr-25-lg {
        margin-right: 25px
    }

    .mb-25-lg {
        margin-bottom: 25px
    }

    .ml-25-lg {
        margin-left: 25px
    }
}

.m-30 {
    margin: 30px
}

.mt-30 {
    margin-top: 30px
}

.mr-30 {
    margin-right: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.ml-30 {
    margin-left: 30px
}

@media(min-width:480px) {
    .m-30-xs {
        margin: 30px
    }

    .mt-30-xs {
        margin-top: 30px
    }

    .mr-30-xs {
        margin-right: 30px
    }

    .mb-30-xs {
        margin-bottom: 30px
    }

    .ml-30-xs {
        margin-left: 30px
    }
}

@media(min-width:768px) {
    .m-30-sm {
        margin: 30px
    }

    .mt-30-sm {
        margin-top: 30px
    }

    .mr-30-sm {
        margin-right: 30px
    }

    .mb-30-sm {
        margin-bottom: 30px
    }

    .ml-30-sm {
        margin-left: 30px
    }
}

@media(min-width:992px) {
    .m-30-md {
        margin: 30px
    }

    .mt-30-md {
        margin-top: 30px
    }

    .mr-30-md {
        margin-right: 30px
    }

    .mb-30-md {
        margin-bottom: 30px
    }

    .ml-30-md {
        margin-left: 30px
    }
}

@media(min-width:1200px) {
    .m-30-lg {
        margin: 30px
    }

    .mt-30-lg {
        margin-top: 30px
    }

    .mr-30-lg {
        margin-right: 30px
    }

    .mb-30-lg {
        margin-bottom: 30px
    }

    .ml-30-lg {
        margin-left: 30px
    }
}

.m-35 {
    margin: 35px
}

.mt-35 {
    margin-top: 35px
}

.mr-35 {
    margin-right: 35px
}

.mb-35 {
    margin-bottom: 35px
}

.ml-35 {
    margin-left: 35px
}

@media(min-width:480px) {
    .m-35-xs {
        margin: 35px
    }

    .mt-35-xs {
        margin-top: 35px
    }

    .mr-35-xs {
        margin-right: 35px
    }

    .mb-35-xs {
        margin-bottom: 35px
    }

    .ml-35-xs {
        margin-left: 35px
    }
}

@media(min-width:768px) {
    .m-35-sm {
        margin: 35px
    }

    .mt-35-sm {
        margin-top: 35px
    }

    .mr-35-sm {
        margin-right: 35px
    }

    .mb-35-sm {
        margin-bottom: 35px
    }

    .ml-35-sm {
        margin-left: 35px
    }
}

@media(min-width:992px) {
    .m-35-md {
        margin: 35px
    }

    .mt-35-md {
        margin-top: 35px
    }

    .mr-35-md {
        margin-right: 35px
    }

    .mb-35-md {
        margin-bottom: 35px
    }

    .ml-35-md {
        margin-left: 35px
    }
}

@media(min-width:1200px) {
    .m-35-lg {
        margin: 35px
    }

    .mt-35-lg {
        margin-top: 35px
    }

    .mr-35-lg {
        margin-right: 35px
    }

    .mb-35-lg {
        margin-bottom: 35px
    }

    .ml-35-lg {
        margin-left: 35px
    }
}

.m-40 {
    margin: 40px
}

.mt-40 {
    margin-top: 40px
}

.mr-40 {
    margin-right: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

@media(min-width:480px) {
    .m-40-xs {
        margin: 40px
    }

    .mt-40-xs {
        margin-top: 40px
    }

    .mr-40-xs {
        margin-right: 40px
    }

    .mb-40-xs {
        margin-bottom: 40px
    }

    .ml-40-xs {
        margin-left: 40px
    }
}

@media(min-width:768px) {
    .m-40-sm {
        margin: 40px
    }

    .mt-40-sm {
        margin-top: 40px
    }

    .mr-40-sm {
        margin-right: 40px
    }

    .mb-40-sm {
        margin-bottom: 40px
    }

    .ml-40-sm {
        margin-left: 40px
    }
}

@media(min-width:992px) {
    .m-40-md {
        margin: 40px
    }

    .mt-40-md {
        margin-top: 40px
    }

    .mr-40-md {
        margin-right: 40px
    }

    .mb-40-md {
        margin-bottom: 40px
    }

    .ml-40-md {
        margin-left: 40px
    }
}

@media(min-width:1200px) {
    .m-40-lg {
        margin: 40px
    }

    .mt-40-lg {
        margin-top: 40px
    }

    .mr-40-lg {
        margin-right: 40px
    }

    .mb-40-lg {
        margin-bottom: 40px
    }

    .ml-40-lg {
        margin-left: 40px
    }
}

.m-50 {
    margin: 50px
}

.mt-50 {
    margin-top: 50px
}

.mr-50 {
    margin-right: 50px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-50 {
    margin-left: 50px
}

@media(min-width:480px) {
    .m-50-xs {
        margin: 50px
    }

    .mt-50-xs {
        margin-top: 50px
    }

    .mr-50-xs {
        margin-right: 50px
    }

    .mb-50-xs {
        margin-bottom: 50px
    }

    .ml-50-xs {
        margin-left: 50px
    }
}

@media(min-width:768px) {
    .m-50-sm {
        margin: 50px
    }

    .mt-50-sm {
        margin-top: 50px
    }

    .mr-50-sm {
        margin-right: 50px
    }

    .mb-50-sm {
        margin-bottom: 50px
    }

    .ml-50-sm {
        margin-left: 50px
    }
}

@media(min-width:992px) {
    .m-50-md {
        margin: 50px
    }

    .mt-50-md {
        margin-top: 50px
    }

    .mr-50-md {
        margin-right: 50px
    }

    .mb-50-md {
        margin-bottom: 50px
    }

    .ml-50-md {
        margin-left: 50px
    }
}

@media(min-width:1200px) {
    .m-50-lg {
        margin: 50px
    }

    .mt-50-lg {
        margin-top: 50px
    }

    .mr-50-lg {
        margin-right: 50px
    }

    .mb-50-lg {
        margin-bottom: 50px
    }

    .ml-50-lg {
        margin-left: 50px
    }
}

.m-60 {
    margin: 60px
}

.mt-60 {
    margin-top: 60px
}

.mr-60 {
    margin-right: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.ml-60 {
    margin-left: 60px
}

@media(min-width:480px) {
    .m-60-xs {
        margin: 60px
    }

    .mt-60-xs {
        margin-top: 60px
    }

    .mr-60-xs {
        margin-right: 60px
    }

    .mb-60-xs {
        margin-bottom: 60px
    }

    .ml-60-xs {
        margin-left: 60px
    }
}

@media(min-width:768px) {
    .m-60-sm {
        margin: 60px
    }

    .mt-60-sm {
        margin-top: 60px
    }

    .mr-60-sm {
        margin-right: 60px
    }

    .mb-60-sm {
        margin-bottom: 60px
    }

    .ml-60-sm {
        margin-left: 60px
    }
}

@media(min-width:992px) {
    .m-60-md {
        margin: 60px
    }

    .mt-60-md {
        margin-top: 60px
    }

    .mr-60-md {
        margin-right: 60px
    }

    .mb-60-md {
        margin-bottom: 60px
    }

    .ml-60-md {
        margin-left: 60px
    }
}

@media(min-width:1200px) {
    .m-60-lg {
        margin: 60px
    }

    .mt-60-lg {
        margin-top: 60px
    }

    .mr-60-lg {
        margin-right: 60px
    }

    .mb-60-lg {
        margin-bottom: 60px
    }

    .ml-60-lg {
        margin-left: 60px
    }
}

.m-70 {
    margin: 70px
}

.mt-70 {
    margin-top: 70px
}

.mr-70 {
    margin-right: 70px
}

.mb-70 {
    margin-bottom: 70px
}

.ml-70 {
    margin-left: 70px
}

@media(min-width:480px) {
    .m-70-xs {
        margin: 70px
    }

    .mt-70-xs {
        margin-top: 70px
    }

    .mr-70-xs {
        margin-right: 70px
    }

    .mb-70-xs {
        margin-bottom: 70px
    }

    .ml-70-xs {
        margin-left: 70px
    }
}

@media(min-width:768px) {
    .m-70-sm {
        margin: 70px
    }

    .mt-70-sm {
        margin-top: 70px
    }

    .mr-70-sm {
        margin-right: 70px
    }

    .mb-70-sm {
        margin-bottom: 70px
    }

    .ml-70-sm {
        margin-left: 70px
    }
}

@media(min-width:992px) {
    .m-70-md {
        margin: 70px
    }

    .mt-70-md {
        margin-top: 70px
    }

    .mr-70-md {
        margin-right: 70px
    }

    .mb-70-md {
        margin-bottom: 70px
    }

    .ml-70-md {
        margin-left: 70px
    }
}

@media(min-width:1200px) {
    .m-70-lg {
        margin: 70px
    }

    .mt-70-lg {
        margin-top: 70px
    }

    .mr-70-lg {
        margin-right: 70px
    }

    .mb-70-lg {
        margin-bottom: 70px
    }

    .ml-70-lg {
        margin-left: 70px
    }
}

.m-80 {
    margin: 80px
}

.mt-80 {
    margin-top: 80px
}

.mr-80 {
    margin-right: 80px
}

.mb-80 {
    margin-bottom: 80px
}

.ml-80 {
    margin-left: 80px
}

@media(min-width:480px) {
    .m-80-xs {
        margin: 80px
    }

    .mt-80-xs {
        margin-top: 80px
    }

    .mr-80-xs {
        margin-right: 80px
    }

    .mb-80-xs {
        margin-bottom: 80px
    }

    .ml-80-xs {
        margin-left: 80px
    }
}

@media(min-width:768px) {
    .m-80-sm {
        margin: 80px
    }

    .mt-80-sm {
        margin-top: 80px
    }

    .mr-80-sm {
        margin-right: 80px
    }

    .mb-80-sm {
        margin-bottom: 80px
    }

    .ml-80-sm {
        margin-left: 80px
    }
}

@media(min-width:992px) {
    .m-80-md {
        margin: 80px
    }

    .mt-80-md {
        margin-top: 80px
    }

    .mr-80-md {
        margin-right: 80px
    }

    .mb-80-md {
        margin-bottom: 80px
    }

    .ml-80-md {
        margin-left: 80px
    }
}

@media(min-width:1200px) {
    .m-80-lg {
        margin: 80px
    }

    .mt-80-lg {
        margin-top: 80px
    }

    .mr-80-lg {
        margin-right: 80px
    }

    .mb-80-lg {
        margin-bottom: 80px
    }

    .ml-80-lg {
        margin-left: 80px
    }
}

.m-90 {
    margin: 90px
}

.mt-90 {
    margin-top: 90px
}

.mr-90 {
    margin-right: 90px
}

.mb-90 {
    margin-bottom: 90px
}

.ml-90 {
    margin-left: 90px
}

@media(min-width:480px) {
    .m-90-xs {
        margin: 90px
    }

    .mt-90-xs {
        margin-top: 90px
    }

    .mr-90-xs {
        margin-right: 90px
    }

    .mb-90-xs {
        margin-bottom: 90px
    }

    .ml-90-xs {
        margin-left: 90px
    }
}

@media(min-width:768px) {
    .m-90-sm {
        margin: 90px
    }

    .mt-90-sm {
        margin-top: 90px
    }

    .mr-90-sm {
        margin-right: 90px
    }

    .mb-90-sm {
        margin-bottom: 90px
    }

    .ml-90-sm {
        margin-left: 90px
    }
}

@media(min-width:992px) {
    .m-90-md {
        margin: 90px
    }

    .mt-90-md {
        margin-top: 90px
    }

    .mr-90-md {
        margin-right: 90px
    }

    .mb-90-md {
        margin-bottom: 90px
    }

    .ml-90-md {
        margin-left: 90px
    }
}

@media(min-width:1200px) {
    .m-90-lg {
        margin: 90px
    }

    .mt-90-lg {
        margin-top: 90px
    }

    .mr-90-lg {
        margin-right: 90px
    }

    .mb-90-lg {
        margin-bottom: 90px
    }

    .ml-90-lg {
        margin-left: 90px
    }
}

.m-100 {
    margin: 100px
}

.mt-100 {
    margin-top: 100px
}

.mr-100 {
    margin-right: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.ml-100 {
    margin-left: 100px
}

@media(min-width:480px) {
    .m-100-xs {
        margin: 100px
    }

    .mt-100-xs {
        margin-top: 100px
    }

    .mr-100-xs {
        margin-right: 100px
    }

    .mb-100-xs {
        margin-bottom: 100px
    }

    .ml-100-xs {
        margin-left: 100px
    }
}

@media(min-width:768px) {
    .m-100-sm {
        margin: 100px
    }

    .mt-100-sm {
        margin-top: 100px
    }

    .mr-100-sm {
        margin-right: 100px
    }

    .mb-100-sm {
        margin-bottom: 100px
    }

    .ml-100-sm {
        margin-left: 100px
    }
}

@media(min-width:992px) {
    .m-100-md {
        margin: 100px
    }

    .mt-100-md {
        margin-top: 100px
    }

    .mr-100-md {
        margin-right: 100px
    }

    .mb-100-md {
        margin-bottom: 100px
    }

    .ml-100-md {
        margin-left: 100px
    }
}

@media(min-width:1200px) {
    .m-100-lg {
        margin: 100px
    }

    .mt-100-lg {
        margin-top: 100px
    }

    .mr-100-lg {
        margin-right: 100px
    }

    .mb-100-lg {
        margin-bottom: 100px
    }

    .ml-100-lg {
        margin-left: 100px
    }
}

.m-10per {
    margin: 10%
}

.mt-10per {
    margin-top: 10%
}

.mr-10per {
    margin-right: 10%
}

.mb-10per {
    margin-bottom: 10%
}

.ml-10per {
    margin-left: 10%
}

@media(min-width:480px) {
    .m-10per-xs {
        margin: 10%
    }

    .mt-10per-xs {
        margin-top: 10%
    }

    .mr-10per-xs {
        margin-right: 10%
    }

    .mb-10per-xs {
        margin-bottom: 10%
    }

    .ml-10per-xs {
        margin-left: 10%
    }
}

@media(min-width:768px) {
    .m-10per-sm {
        margin: 10%
    }

    .mt-10per-sm {
        margin-top: 10%
    }

    .mr-10per-sm {
        margin-right: 10%
    }

    .mb-10per-sm {
        margin-bottom: 10%
    }

    .ml-10per-sm {
        margin-left: 10%
    }
}

@media(min-width:992px) {
    .m-10per-md {
        margin: 10%
    }

    .mt-10per-md {
        margin-top: 10%
    }

    .mr-10per-md {
        margin-right: 10%
    }

    .mb-10per-md {
        margin-bottom: 10%
    }

    .ml-10per-md {
        margin-left: 10%
    }
}

@media(min-width:1200px) {
    .m-10per-lg {
        margin: 10%
    }

    .mt-10per-lg {
        margin-top: 10%
    }

    .mr-10per-lg {
        margin-right: 10%
    }

    .mb-10per-lg {
        margin-bottom: 10%
    }

    .ml-10per-lg {
        margin-left: 10%
    }
}

.m-20per {
    margin: 20%
}

.mt-20per {
    margin-top: 20%
}

.mr-20per {
    margin-right: 20%
}

.mb-20per {
    margin-bottom: 20%
}

.ml-20per {
    margin-left: 20%
}

@media(min-width:480px) {
    .m-20per-xs {
        margin: 20%
    }

    .mt-20per-xs {
        margin-top: 20%
    }

    .mr-20per-xs {
        margin-right: 20%
    }

    .mb-20per-xs {
        margin-bottom: 20%
    }

    .ml-20per-xs {
        margin-left: 20%
    }
}

@media(min-width:768px) {
    .m-20per-sm {
        margin: 20%
    }

    .mt-20per-sm {
        margin-top: 20%
    }

    .mr-20per-sm {
        margin-right: 20%
    }

    .mb-20per-sm {
        margin-bottom: 20%
    }

    .ml-20per-sm {
        margin-left: 20%
    }
}

@media(min-width:992px) {
    .m-20per-md {
        margin: 20%
    }

    .mt-20per-md {
        margin-top: 20%
    }

    .mr-20per-md {
        margin-right: 20%
    }

    .mb-20per-md {
        margin-bottom: 20%
    }

    .ml-20per-md {
        margin-left: 20%
    }
}

@media(min-width:1200px) {
    .m-20per-lg {
        margin: 20%
    }

    .mt-20per-lg {
        margin-top: 20%
    }

    .mr-20per-lg {
        margin-right: 20%
    }

    .mb-20per-lg {
        margin-bottom: 20%
    }

    .ml-20per-lg {
        margin-left: 20%
    }
}

.m-30per {
    margin: 30%
}

.mt-30per {
    margin-top: 30%
}

.mr-30per {
    margin-right: 30%
}

.mb-30per {
    margin-bottom: 30%
}

.ml-30per {
    margin-left: 30%
}

@media(min-width:480px) {
    .m-30per-xs {
        margin: 30%
    }

    .mt-30per-xs {
        margin-top: 30%
    }

    .mr-30per-xs {
        margin-right: 30%
    }

    .mb-30per-xs {
        margin-bottom: 30%
    }

    .ml-30per-xs {
        margin-left: 30%
    }
}

@media(min-width:768px) {
    .m-30per-sm {
        margin: 30%
    }

    .mt-30per-sm {
        margin-top: 30%
    }

    .mr-30per-sm {
        margin-right: 30%
    }

    .mb-30per-sm {
        margin-bottom: 30%
    }

    .ml-30per-sm {
        margin-left: 30%
    }
}

@media(min-width:992px) {
    .m-30per-md {
        margin: 30%
    }

    .mt-30per-md {
        margin-top: 30%
    }

    .mr-30per-md {
        margin-right: 30%
    }

    .mb-30per-md {
        margin-bottom: 30%
    }

    .ml-30per-md {
        margin-left: 30%
    }
}

@media(min-width:1200px) {
    .m-30per-lg {
        margin: 30%
    }

    .mt-30per-lg {
        margin-top: 30%
    }

    .mr-30per-lg {
        margin-right: 30%
    }

    .mb-30per-lg {
        margin-bottom: 30%
    }

    .ml-30per-lg {
        margin-left: 30%
    }
}

.m-40per {
    margin: 40%
}

.mt-40per {
    margin-top: 40%
}

.mr-40per {
    margin-right: 40%
}

.mb-40per {
    margin-bottom: 40%
}

.ml-40per {
    margin-left: 40%
}

@media(min-width:480px) {
    .m-40per-xs {
        margin: 40%
    }

    .mt-40per-xs {
        margin-top: 40%
    }

    .mr-40per-xs {
        margin-right: 40%
    }

    .mb-40per-xs {
        margin-bottom: 40%
    }

    .ml-40per-xs {
        margin-left: 40%
    }
}

@media(min-width:768px) {
    .m-40per-sm {
        margin: 40%
    }

    .mt-40per-sm {
        margin-top: 40%
    }

    .mr-40per-sm {
        margin-right: 40%
    }

    .mb-40per-sm {
        margin-bottom: 40%
    }

    .ml-40per-sm {
        margin-left: 40%
    }
}

@media(min-width:992px) {
    .m-40per-md {
        margin: 40%
    }

    .mt-40per-md {
        margin-top: 40%
    }

    .mr-40per-md {
        margin-right: 40%
    }

    .mb-40per-md {
        margin-bottom: 40%
    }

    .ml-40per-md {
        margin-left: 40%
    }
}

@media(min-width:1200px) {
    .m-40per-lg {
        margin: 40%
    }

    .mt-40per-lg {
        margin-top: 40%
    }

    .mr-40per-lg {
        margin-right: 40%
    }

    .mb-40per-lg {
        margin-bottom: 40%
    }

    .ml-40per-lg {
        margin-left: 40%
    }
}

.m-50per {
    margin: 50%
}

.mt-50per {
    margin-top: 50%
}

.mr-50per {
    margin-right: 50%
}

.mb-50per {
    margin-bottom: 50%
}

.ml-50per {
    margin-left: 50%
}

@media(min-width:480px) {
    .m-50per-xs {
        margin: 50%
    }

    .mt-50per-xs {
        margin-top: 50%
    }

    .mr-50per-xs {
        margin-right: 50%
    }

    .mb-50per-xs {
        margin-bottom: 50%
    }

    .ml-50per-xs {
        margin-left: 50%
    }
}

@media(min-width:768px) {
    .m-50per-sm {
        margin: 50%
    }

    .mt-50per-sm {
        margin-top: 50%
    }

    .mr-50per-sm {
        margin-right: 50%
    }

    .mb-50per-sm {
        margin-bottom: 50%
    }

    .ml-50per-sm {
        margin-left: 50%
    }
}

@media(min-width:992px) {
    .m-50per-md {
        margin: 50%
    }

    .mt-50per-md {
        margin-top: 50%
    }

    .mr-50per-md {
        margin-right: 50%
    }

    .mb-50per-md {
        margin-bottom: 50%
    }

    .ml-50per-md {
        margin-left: 50%
    }
}

@media(min-width:1200px) {
    .m-50per-lg {
        margin: 50%
    }

    .mt-50per-lg {
        margin-top: 50%
    }

    .mr-50per-lg {
        margin-right: 50%
    }

    .mb-50per-lg {
        margin-bottom: 50%
    }

    .ml-50per-lg {
        margin-left: 50%
    }
}

.m-60per {
    margin: 60%
}

.mt-60per {
    margin-top: 60%
}

.mr-60per {
    margin-right: 60%
}

.mb-60per {
    margin-bottom: 60%
}

.ml-60per {
    margin-left: 60%
}

@media(min-width:480px) {
    .m-60per-xs {
        margin: 60%
    }

    .mt-60per-xs {
        margin-top: 60%
    }

    .mr-60per-xs {
        margin-right: 60%
    }

    .mb-60per-xs {
        margin-bottom: 60%
    }

    .ml-60per-xs {
        margin-left: 60%
    }
}

@media(min-width:768px) {
    .m-60per-sm {
        margin: 60%
    }

    .mt-60per-sm {
        margin-top: 60%
    }

    .mr-60per-sm {
        margin-right: 60%
    }

    .mb-60per-sm {
        margin-bottom: 60%
    }

    .ml-60per-sm {
        margin-left: 60%
    }
}

@media(min-width:992px) {
    .m-60per-md {
        margin: 60%
    }

    .mt-60per-md {
        margin-top: 60%
    }

    .mr-60per-md {
        margin-right: 60%
    }

    .mb-60per-md {
        margin-bottom: 60%
    }

    .ml-60per-md {
        margin-left: 60%
    }
}

@media(min-width:1200px) {
    .m-60per-lg {
        margin: 60%
    }

    .mt-60per-lg {
        margin-top: 60%
    }

    .mr-60per-lg {
        margin-right: 60%
    }

    .mb-60per-lg {
        margin-bottom: 60%
    }

    .ml-60per-lg {
        margin-left: 60%
    }
}

.m-70per {
    margin: 70%
}

.mt-70per {
    margin-top: 70%
}

.mr-70per {
    margin-right: 70%
}

.mb-70per {
    margin-bottom: 70%
}

.ml-70per {
    margin-left: 70%
}

@media(min-width:480px) {
    .m-70per-xs {
        margin: 70%
    }

    .mt-70per-xs {
        margin-top: 70%
    }

    .mr-70per-xs {
        margin-right: 70%
    }

    .mb-70per-xs {
        margin-bottom: 70%
    }

    .ml-70per-xs {
        margin-left: 70%
    }
}

@media(min-width:768px) {
    .m-70per-sm {
        margin: 70%
    }

    .mt-70per-sm {
        margin-top: 70%
    }

    .mr-70per-sm {
        margin-right: 70%
    }

    .mb-70per-sm {
        margin-bottom: 70%
    }

    .ml-70per-sm {
        margin-left: 70%
    }
}

@media(min-width:992px) {
    .m-70per-md {
        margin: 70%
    }

    .mt-70per-md {
        margin-top: 70%
    }

    .mr-70per-md {
        margin-right: 70%
    }

    .mb-70per-md {
        margin-bottom: 70%
    }

    .ml-70per-md {
        margin-left: 70%
    }
}

@media(min-width:1200px) {
    .m-70per-lg {
        margin: 70%
    }

    .mt-70per-lg {
        margin-top: 70%
    }

    .mr-70per-lg {
        margin-right: 70%
    }

    .mb-70per-lg {
        margin-bottom: 70%
    }

    .ml-70per-lg {
        margin-left: 70%
    }
}

.m-80per {
    margin: 80%
}

.mt-80per {
    margin-top: 80%
}

.mr-80per {
    margin-right: 80%
}

.mb-80per {
    margin-bottom: 80%
}

.ml-80per {
    margin-left: 80%
}

@media(min-width:480px) {
    .m-80per-xs {
        margin: 80%
    }

    .mt-80per-xs {
        margin-top: 80%
    }

    .mr-80per-xs {
        margin-right: 80%
    }

    .mb-80per-xs {
        margin-bottom: 80%
    }

    .ml-80per-xs {
        margin-left: 80%
    }
}

@media(min-width:768px) {
    .m-80per-sm {
        margin: 80%
    }

    .mt-80per-sm {
        margin-top: 80%
    }

    .mr-80per-sm {
        margin-right: 80%
    }

    .mb-80per-sm {
        margin-bottom: 80%
    }

    .ml-80per-sm {
        margin-left: 80%
    }
}

@media(min-width:992px) {
    .m-80per-md {
        margin: 80%
    }

    .mt-80per-md {
        margin-top: 80%
    }

    .mr-80per-md {
        margin-right: 80%
    }

    .mb-80per-md {
        margin-bottom: 80%
    }

    .ml-80per-md {
        margin-left: 80%
    }
}

@media(min-width:1200px) {
    .m-80per-lg {
        margin: 80%
    }

    .mt-80per-lg {
        margin-top: 80%
    }

    .mr-80per-lg {
        margin-right: 80%
    }

    .mb-80per-lg {
        margin-bottom: 80%
    }

    .ml-80per-lg {
        margin-left: 80%
    }
}

.m-90per {
    margin: 90%
}

.mt-90per {
    margin-top: 90%
}

.mr-90per {
    margin-right: 90%
}

.mb-90per {
    margin-bottom: 90%
}

.ml-90per {
    margin-left: 90%
}

@media(min-width:480px) {
    .m-90per-xs {
        margin: 90%
    }

    .mt-90per-xs {
        margin-top: 90%
    }

    .mr-90per-xs {
        margin-right: 90%
    }

    .mb-90per-xs {
        margin-bottom: 90%
    }

    .ml-90per-xs {
        margin-left: 90%
    }
}

@media(min-width:768px) {
    .m-90per-sm {
        margin: 90%
    }

    .mt-90per-sm {
        margin-top: 90%
    }

    .mr-90per-sm {
        margin-right: 90%
    }

    .mb-90per-sm {
        margin-bottom: 90%
    }

    .ml-90per-sm {
        margin-left: 90%
    }
}

@media(min-width:992px) {
    .m-90per-md {
        margin: 90%
    }

    .mt-90per-md {
        margin-top: 90%
    }

    .mr-90per-md {
        margin-right: 90%
    }

    .mb-90per-md {
        margin-bottom: 90%
    }

    .ml-90per-md {
        margin-left: 90%
    }
}

@media(min-width:1200px) {
    .m-90per-lg {
        margin: 90%
    }

    .mt-90per-lg {
        margin-top: 90%
    }

    .mr-90per-lg {
        margin-right: 90%
    }

    .mb-90per-lg {
        margin-bottom: 90%
    }

    .ml-90per-lg {
        margin-left: 90%
    }
}

.m-100per {
    margin: 100%
}

.mt-100per {
    margin-top: 100%
}

.mr-100per {
    margin-right: 100%
}

.mb-100per {
    margin-bottom: 100%
}

.ml-100per {
    margin-left: 100%
}

@media(min-width:480px) {
    .m-100per-xs {
        margin: 100%
    }

    .mt-100per-xs {
        margin-top: 100%
    }

    .mr-100per-xs {
        margin-right: 100%
    }

    .mb-100per-xs {
        margin-bottom: 100%
    }

    .ml-100per-xs {
        margin-left: 100%
    }
}

@media(min-width:768px) {
    .m-100per-sm {
        margin: 100%
    }

    .mt-100per-sm {
        margin-top: 100%
    }

    .mr-100per-sm {
        margin-right: 100%
    }

    .mb-100per-sm {
        margin-bottom: 100%
    }

    .ml-100per-sm {
        margin-left: 100%
    }
}

@media(min-width:992px) {
    .m-100per-md {
        margin: 100%
    }

    .mt-100per-md {
        margin-top: 100%
    }

    .mr-100per-md {
        margin-right: 100%
    }

    .mb-100per-md {
        margin-bottom: 100%
    }

    .ml-100per-md {
        margin-left: 100%
    }
}

@media(min-width:1200px) {
    .m-100per-lg {
        margin: 100%
    }

    .mt-100per-lg {
        margin-top: 100%
    }

    .mr-100per-lg {
        margin-right: 100%
    }

    .mb-100per-lg {
        margin-bottom: 100%
    }

    .ml-100per-lg {
        margin-left: 100%
    }
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

@media(min-width:480px) {
    .p-0-xs {
        padding: 0
    }

    .pt-0-xs {
        padding-top: 0
    }

    .pr-0-xs {
        padding-right: 0
    }

    .pb-0-xs {
        padding-bottom: 0
    }

    .pl-0-xs {
        padding-left: 0
    }
}

@media(min-width:768px) {
    .p-0-sm {
        padding: 0
    }

    .pt-0-sm {
        padding-top: 0
    }

    .pr-0-sm {
        padding-right: 0
    }

    .pb-0-sm {
        padding-bottom: 0
    }

    .pl-0-sm {
        padding-left: 0
    }
}

@media(min-width:992px) {
    .p-0-md {
        padding: 0
    }

    .pt-0-md {
        padding-top: 0
    }

    .pr-0-md {
        padding-right: 0
    }

    .pb-0-md {
        padding-bottom: 0
    }

    .pl-0-md {
        padding-left: 0
    }
}

@media(min-width:1200px) {
    .p-0-lg {
        padding: 0
    }

    .pt-0-lg {
        padding-top: 0
    }

    .pr-0-lg {
        padding-right: 0
    }

    .pb-0-lg {
        padding-bottom: 0
    }

    .pl-0-lg {
        padding-left: 0
    }
}

.p-5 {
    padding: 5px
}

.pt-5 {
    padding-top: 5px
}

.pr-5 {
    padding-right: 5px
}

.pb-5 {
    padding-bottom: 5px
}

.pl-5 {
    padding-left: 5px
}

@media(min-width:480px) {
    .p-5-xs {
        padding: 5px
    }

    .pt-5-xs {
        padding-top: 5px
    }

    .pr-5-xs {
        padding-right: 5px
    }

    .pb-5-xs {
        padding-bottom: 5px
    }

    .pl-5-xs {
        padding-left: 5px
    }
}

@media(min-width:768px) {
    .p-5-sm {
        padding: 5px
    }

    .pt-5-sm {
        padding-top: 5px
    }

    .pr-5-sm {
        padding-right: 5px
    }

    .pb-5-sm {
        padding-bottom: 5px
    }

    .pl-5-sm {
        padding-left: 5px
    }
}

@media(min-width:992px) {
    .p-5-md {
        padding: 5px
    }

    .pt-5-md {
        padding-top: 5px
    }

    .pr-5-md {
        padding-right: 5px
    }

    .pb-5-md {
        padding-bottom: 5px
    }

    .pl-5-md {
        padding-left: 5px
    }
}

@media(min-width:1200px) {
    .p-5-lg {
        padding: 5px
    }

    .pt-5-lg {
        padding-top: 5px
    }

    .pr-5-lg {
        padding-right: 5px
    }

    .pb-5-lg {
        padding-bottom: 5px
    }

    .pl-5-lg {
        padding-left: 5px
    }
}

.p-10 {
    padding: 10px
}

.pt-10 {
    padding-top: 10px
}

.pr-10 {
    padding-right: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pl-10 {
    padding-left: 10px
}

@media(min-width:480px) {
    .p-10-xs {
        padding: 10px
    }

    .pt-10-xs {
        padding-top: 10px
    }

    .pr-10-xs {
        padding-right: 10px
    }

    .pb-10-xs {
        padding-bottom: 10px
    }

    .pl-10-xs {
        padding-left: 10px
    }
}

@media(min-width:768px) {
    .p-10-sm {
        padding: 10px
    }

    .pt-10-sm {
        padding-top: 10px
    }

    .pr-10-sm {
        padding-right: 10px
    }

    .pb-10-sm {
        padding-bottom: 10px
    }

    .pl-10-sm {
        padding-left: 10px
    }
}

@media(min-width:992px) {
    .p-10-md {
        padding: 10px
    }

    .pt-10-md {
        padding-top: 10px
    }

    .pr-10-md {
        padding-right: 10px
    }

    .pb-10-md {
        padding-bottom: 10px
    }

    .pl-10-md {
        padding-left: 10px
    }
}

@media(min-width:1200px) {
    .p-10-lg {
        padding: 10px
    }

    .pt-10-lg {
        padding-top: 10px
    }

    .pr-10-lg {
        padding-right: 10px
    }

    .pb-10-lg {
        padding-bottom: 10px
    }

    .pl-10-lg {
        padding-left: 10px
    }
}

.p-15 {
    padding: 15px
}

.pt-15 {
    padding-top: 15px
}

.pr-15 {
    padding-right: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.pl-15 {
    padding-left: 15px
}

@media(min-width:480px) {
    .p-15-xs {
        padding: 15px
    }

    .pt-15-xs {
        padding-top: 15px
    }

    .pr-15-xs {
        padding-right: 15px
    }

    .pb-15-xs {
        padding-bottom: 15px
    }

    .pl-15-xs {
        padding-left: 15px
    }
}

@media(min-width:768px) {
    .p-15-sm {
        padding: 15px
    }

    .pt-15-sm {
        padding-top: 15px
    }

    .pr-15-sm {
        padding-right: 15px
    }

    .pb-15-sm {
        padding-bottom: 15px
    }

    .pl-15-sm {
        padding-left: 15px
    }
}

@media(min-width:992px) {
    .p-15-md {
        padding: 15px
    }

    .pt-15-md {
        padding-top: 15px
    }

    .pr-15-md {
        padding-right: 15px
    }

    .pb-15-md {
        padding-bottom: 15px
    }

    .pl-15-md {
        padding-left: 15px
    }
}

@media(min-width:1200px) {
    .p-15-lg {
        padding: 15px
    }

    .pt-15-lg {
        padding-top: 15px
    }

    .pr-15-lg {
        padding-right: 15px
    }

    .pb-15-lg {
        padding-bottom: 15px
    }

    .pl-15-lg {
        padding-left: 15px
    }
}

.p-20 {
    padding: 20px
}

.pt-20 {
    padding-top: 20px
}

.pr-20 {
    padding-right: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.pl-20 {
    padding-left: 20px
}

@media(min-width:480px) {
    .p-20-xs {
        padding: 20px
    }

    .pt-20-xs {
        padding-top: 20px
    }

    .pr-20-xs {
        padding-right: 20px
    }

    .pb-20-xs {
        padding-bottom: 20px
    }

    .pl-20-xs {
        padding-left: 20px
    }
}

@media(min-width:768px) {
    .p-20-sm {
        padding: 20px
    }

    .pt-20-sm {
        padding-top: 20px
    }

    .pr-20-sm {
        padding-right: 20px
    }

    .pb-20-sm {
        padding-bottom: 20px
    }

    .pl-20-sm {
        padding-left: 20px
    }
}

@media(min-width:992px) {
    .p-20-md {
        padding: 20px
    }

    .pt-20-md {
        padding-top: 20px
    }

    .pr-20-md {
        padding-right: 20px
    }

    .pb-20-md {
        padding-bottom: 20px
    }

    .pl-20-md {
        padding-left: 20px
    }
}

@media(min-width:1200px) {
    .p-20-lg {
        padding: 20px
    }

    .pt-20-lg {
        padding-top: 20px
    }

    .pr-20-lg {
        padding-right: 20px
    }

    .pb-20-lg {
        padding-bottom: 20px
    }

    .pl-20-lg {
        padding-left: 20px
    }
}

.p-25 {
    padding: 25px
}

.pt-25 {
    padding-top: 25px
}

.pr-25 {
    padding-right: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.pl-25 {
    padding-left: 25px
}

@media(min-width:480px) {
    .p-25-xs {
        padding: 25px
    }

    .pt-25-xs {
        padding-top: 25px
    }

    .pr-25-xs {
        padding-right: 25px
    }

    .pb-25-xs {
        padding-bottom: 25px
    }

    .pl-25-xs {
        padding-left: 25px
    }
}

@media(min-width:768px) {
    .p-25-sm {
        padding: 25px
    }

    .pt-25-sm {
        padding-top: 25px
    }

    .pr-25-sm {
        padding-right: 25px
    }

    .pb-25-sm {
        padding-bottom: 25px
    }

    .pl-25-sm {
        padding-left: 25px
    }
}

@media(min-width:992px) {
    .p-25-md {
        padding: 25px
    }

    .pt-25-md {
        padding-top: 25px
    }

    .pr-25-md {
        padding-right: 25px
    }

    .pb-25-md {
        padding-bottom: 25px
    }

    .pl-25-md {
        padding-left: 25px
    }
}

@media(min-width:1200px) {
    .p-25-lg {
        padding: 25px
    }

    .pt-25-lg {
        padding-top: 25px
    }

    .pr-25-lg {
        padding-right: 25px
    }

    .pb-25-lg {
        padding-bottom: 25px
    }

    .pl-25-lg {
        padding-left: 25px
    }
}

.p-30 {
    padding: 30px
}

.pt-30 {
    padding-top: 30px
}

.pr-30 {
    padding-right: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-30 {
    padding-left: 30px
}

@media(min-width:480px) {
    .p-30-xs {
        padding: 30px
    }

    .pt-30-xs {
        padding-top: 30px
    }

    .pr-30-xs {
        padding-right: 30px
    }

    .pb-30-xs {
        padding-bottom: 30px
    }

    .pl-30-xs {
        padding-left: 30px
    }
}

@media(min-width:768px) {
    .p-30-sm {
        padding: 30px
    }

    .pt-30-sm {
        padding-top: 30px
    }

    .pr-30-sm {
        padding-right: 30px
    }

    .pb-30-sm {
        padding-bottom: 30px
    }

    .pl-30-sm {
        padding-left: 30px
    }
}

@media(min-width:992px) {
    .p-30-md {
        padding: 30px
    }

    .pt-30-md {
        padding-top: 30px
    }

    .pr-30-md {
        padding-right: 30px
    }

    .pb-30-md {
        padding-bottom: 30px
    }

    .pl-30-md {
        padding-left: 30px
    }
}

@media(min-width:1200px) {
    .p-30-lg {
        padding: 30px
    }

    .pt-30-lg {
        padding-top: 30px
    }

    .pr-30-lg {
        padding-right: 30px
    }

    .pb-30-lg {
        padding-bottom: 30px
    }

    .pl-30-lg {
        padding-left: 30px
    }
}

.p-40 {
    padding: 40px
}

.pt-40 {
    padding-top: 40px
}

.pr-40 {
    padding-right: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.pl-40 {
    padding-left: 40px
}

@media(min-width:480px) {
    .p-40-xs {
        padding: 40px
    }

    .pt-40-xs {
        padding-top: 40px
    }

    .pr-40-xs {
        padding-right: 40px
    }

    .pb-40-xs {
        padding-bottom: 40px
    }

    .pl-40-xs {
        padding-left: 40px
    }
}

@media(min-width:768px) {
    .p-40-sm {
        padding: 40px
    }

    .pt-40-sm {
        padding-top: 40px
    }

    .pr-40-sm {
        padding-right: 40px
    }

    .pb-40-sm {
        padding-bottom: 40px
    }

    .pl-40-sm {
        padding-left: 40px
    }
}

@media(min-width:992px) {
    .p-40-md {
        padding: 40px
    }

    .pt-40-md {
        padding-top: 40px
    }

    .pr-40-md {
        padding-right: 40px
    }

    .pb-40-md {
        padding-bottom: 40px
    }

    .pl-40-md {
        padding-left: 40px
    }
}

@media(min-width:1200px) {
    .p-40-lg {
        padding: 40px
    }

    .pt-40-lg {
        padding-top: 40px
    }

    .pr-40-lg {
        padding-right: 40px
    }

    .pb-40-lg {
        padding-bottom: 40px
    }

    .pl-40-lg {
        padding-left: 40px
    }
}

.p-50 {
    padding: 50px
}

.pt-50 {
    padding-top: 50px
}

.pr-50 {
    padding-right: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pl-50 {
    padding-left: 50px
}

@media(min-width:480px) {
    .p-50-xs {
        padding: 50px
    }

    .pt-50-xs {
        padding-top: 50px
    }

    .pr-50-xs {
        padding-right: 50px
    }

    .pb-50-xs {
        padding-bottom: 50px
    }

    .pl-50-xs {
        padding-left: 50px
    }
}

@media(min-width:768px) {
    .p-50-sm {
        padding: 50px
    }

    .pt-50-sm {
        padding-top: 50px
    }

    .pr-50-sm {
        padding-right: 50px
    }

    .pb-50-sm {
        padding-bottom: 50px
    }

    .pl-50-sm {
        padding-left: 50px
    }
}

@media(min-width:992px) {
    .p-50-md {
        padding: 50px
    }

    .pt-50-md {
        padding-top: 50px
    }

    .pr-50-md {
        padding-right: 50px
    }

    .pb-50-md {
        padding-bottom: 50px
    }

    .pl-50-md {
        padding-left: 50px
    }
}

@media(min-width:1200px) {
    .p-50-lg {
        padding: 50px
    }

    .pt-50-lg {
        padding-top: 50px
    }

    .pr-50-lg {
        padding-right: 50px
    }

    .pb-50-lg {
        padding-bottom: 50px
    }

    .pl-50-lg {
        padding-left: 50px
    }
}

.p-60 {
    padding: 60px
}

.pt-60 {
    padding-top: 60px
}

.pr-60 {
    padding-right: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.pl-60 {
    padding-left: 60px
}

@media(min-width:480px) {
    .p-60-xs {
        padding: 60px
    }

    .pt-60-xs {
        padding-top: 60px
    }

    .pr-60-xs {
        padding-right: 60px
    }

    .pb-60-xs {
        padding-bottom: 60px
    }

    .pl-60-xs {
        padding-left: 60px
    }
}

@media(min-width:768px) {
    .p-60-sm {
        padding: 60px
    }

    .pt-60-sm {
        padding-top: 60px
    }

    .pr-60-sm {
        padding-right: 60px
    }

    .pb-60-sm {
        padding-bottom: 60px
    }

    .pl-60-sm {
        padding-left: 60px
    }
}

@media(min-width:992px) {
    .p-60-md {
        padding: 60px
    }

    .pt-60-md {
        padding-top: 60px
    }

    .pr-60-md {
        padding-right: 60px
    }

    .pb-60-md {
        padding-bottom: 60px
    }

    .pl-60-md {
        padding-left: 60px
    }
}

@media(min-width:1200px) {
    .p-60-lg {
        padding: 60px
    }

    .pt-60-lg {
        padding-top: 60px
    }

    .pr-60-lg {
        padding-right: 60px
    }

    .pb-60-lg {
        padding-bottom: 60px
    }

    .pl-60-lg {
        padding-left: 60px
    }
}

.p-70 {
    padding: 70px
}

.pt-70 {
    padding-top: 70px
}

.pr-70 {
    padding-right: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.pl-70 {
    padding-left: 70px
}

@media(min-width:480px) {
    .p-70-xs {
        padding: 70px
    }

    .pt-70-xs {
        padding-top: 70px
    }

    .pr-70-xs {
        padding-right: 70px
    }

    .pb-70-xs {
        padding-bottom: 70px
    }

    .pl-70-xs {
        padding-left: 70px
    }
}

@media(min-width:768px) {
    .p-70-sm {
        padding: 70px
    }

    .pt-70-sm {
        padding-top: 70px
    }

    .pr-70-sm {
        padding-right: 70px
    }

    .pb-70-sm {
        padding-bottom: 70px
    }

    .pl-70-sm {
        padding-left: 70px
    }
}

@media(min-width:992px) {
    .p-70-md {
        padding: 70px
    }

    .pt-70-md {
        padding-top: 70px
    }

    .pr-70-md {
        padding-right: 70px
    }

    .pb-70-md {
        padding-bottom: 70px
    }

    .pl-70-md {
        padding-left: 70px
    }
}

@media(min-width:1200px) {
    .p-70-lg {
        padding: 70px
    }

    .pt-70-lg {
        padding-top: 70px
    }

    .pr-70-lg {
        padding-right: 70px
    }

    .pb-70-lg {
        padding-bottom: 70px
    }

    .pl-70-lg {
        padding-left: 70px
    }
}

.p-80 {
    padding: 80px
}

.pt-80 {
    padding-top: 80px
}

.pr-80 {
    padding-right: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.pl-80 {
    padding-left: 80px
}

@media(min-width:480px) {
    .p-80-xs {
        padding: 80px
    }

    .pt-80-xs {
        padding-top: 80px
    }

    .pr-80-xs {
        padding-right: 80px
    }

    .pb-80-xs {
        padding-bottom: 80px
    }

    .pl-80-xs {
        padding-left: 80px
    }
}

@media(min-width:768px) {
    .p-80-sm {
        padding: 80px
    }

    .pt-80-sm {
        padding-top: 80px
    }

    .pr-80-sm {
        padding-right: 80px
    }

    .pb-80-sm {
        padding-bottom: 80px
    }

    .pl-80-sm {
        padding-left: 80px
    }
}

@media(min-width:992px) {
    .p-80-md {
        padding: 80px
    }

    .pt-80-md {
        padding-top: 80px
    }

    .pr-80-md {
        padding-right: 80px
    }

    .pb-80-md {
        padding-bottom: 80px
    }

    .pl-80-md {
        padding-left: 80px
    }
}

@media(min-width:1200px) {
    .p-80-lg {
        padding: 80px
    }

    .pt-80-lg {
        padding-top: 80px
    }

    .pr-80-lg {
        padding-right: 80px
    }

    .pb-80-lg {
        padding-bottom: 80px
    }

    .pl-80-lg {
        padding-left: 80px
    }
}

.p-90 {
    padding: 90px
}

.pt-90 {
    padding-top: 90px
}

.pr-90 {
    padding-right: 90px
}

.pb-90 {
    padding-bottom: 90px
}

.pl-90 {
    padding-left: 90px
}

@media(min-width:480px) {
    .p-90-xs {
        padding: 90px
    }

    .pt-90-xs {
        padding-top: 90px
    }

    .pr-90-xs {
        padding-right: 90px
    }

    .pb-90-xs {
        padding-bottom: 90px
    }

    .pl-90-xs {
        padding-left: 90px
    }
}

@media(min-width:768px) {
    .p-90-sm {
        padding: 90px
    }

    .pt-90-sm {
        padding-top: 90px
    }

    .pr-90-sm {
        padding-right: 90px
    }

    .pb-90-sm {
        padding-bottom: 90px
    }

    .pl-90-sm {
        padding-left: 90px
    }
}

@media(min-width:992px) {
    .p-90-md {
        padding: 90px
    }

    .pt-90-md {
        padding-top: 90px
    }

    .pr-90-md {
        padding-right: 90px
    }

    .pb-90-md {
        padding-bottom: 90px
    }

    .pl-90-md {
        padding-left: 90px
    }
}

@media(min-width:1200px) {
    .p-90-lg {
        padding: 90px
    }

    .pt-90-lg {
        padding-top: 90px
    }

    .pr-90-lg {
        padding-right: 90px
    }

    .pb-90-lg {
        padding-bottom: 90px
    }

    .pl-90-lg {
        padding-left: 90px
    }
}

.p-100 {
    padding: 100px
}

.pt-100 {
    padding-top: 100px
}

.pr-100 {
    padding-right: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pl-100 {
    padding-left: 100px
}

@media(min-width:480px) {
    .p-100-xs {
        padding: 100px
    }

    .pt-100-xs {
        padding-top: 100px
    }

    .pr-100-xs {
        padding-right: 100px
    }

    .pb-100-xs {
        padding-bottom: 100px
    }

    .pl-100-xs {
        padding-left: 100px
    }
}

@media(min-width:768px) {
    .p-100-sm {
        padding: 100px
    }

    .pt-100-sm {
        padding-top: 100px
    }

    .pr-100-sm {
        padding-right: 100px
    }

    .pb-100-sm {
        padding-bottom: 100px
    }

    .pl-100-sm {
        padding-left: 100px
    }
}

@media(min-width:992px) {
    .p-100-md {
        padding: 100px
    }

    .pt-100-md {
        padding-top: 100px
    }

    .pr-100-md {
        padding-right: 100px
    }

    .pb-100-md {
        padding-bottom: 100px
    }

    .pl-100-md {
        padding-left: 100px
    }
}

@media(min-width:1200px) {
    .p-100-lg {
        padding: 100px
    }

    .pt-100-lg {
        padding-top: 100px
    }

    .pr-100-lg {
        padding-right: 100px
    }

    .pb-100-lg {
        padding-bottom: 100px
    }

    .pl-100-lg {
        padding-left: 100px
    }
}

.p-10per {
    padding: 10%
}

.pt-10per {
    padding-top: 10%
}

.pr-10per {
    padding-right: 10%
}

.pb-10per {
    padding-bottom: 10%
}

.pl-10per {
    padding-left: 10%
}

@media(min-width:480px) {
    .p-10per-xs {
        padding: 10%
    }

    .pt-10per-xs {
        padding-top: 10%
    }

    .pr-10per-xs {
        padding-right: 10%
    }

    .pb-10per-xs {
        padding-bottom: 10%
    }

    .pl-10per-xs {
        padding-left: 10%
    }
}

@media(min-width:768px) {
    .p-10per-sm {
        padding: 10%
    }

    .pt-10per-sm {
        padding-top: 10%
    }

    .pr-10per-sm {
        padding-right: 10%
    }

    .pb-10per-sm {
        padding-bottom: 10%
    }

    .pl-10per-sm {
        padding-left: 10%
    }
}

@media(min-width:992px) {
    .p-10per-md {
        padding: 10%
    }

    .pt-10per-md {
        padding-top: 10%
    }

    .pr-10per-md {
        padding-right: 10%
    }

    .pb-10per-md {
        padding-bottom: 10%
    }

    .pl-10per-md {
        padding-left: 10%
    }
}

@media(min-width:1200px) {
    .p-10per-lg {
        padding: 10%
    }

    .pt-10per-lg {
        padding-top: 10%
    }

    .pr-10per-lg {
        padding-right: 10%
    }

    .pb-10per-lg {
        padding-bottom: 10%
    }

    .pl-10per-lg {
        padding-left: 10%
    }
}

.p-20per {
    padding: 20%
}

.pt-20per {
    padding-top: 20%
}

.pr-20per {
    padding-right: 20%
}

.pb-20per {
    padding-bottom: 20%
}

.pl-20per {
    padding-left: 20%
}

@media(min-width:480px) {
    .p-20per-xs {
        padding: 20%
    }

    .pt-20per-xs {
        padding-top: 20%
    }

    .pr-20per-xs {
        padding-right: 20%
    }

    .pb-20per-xs {
        padding-bottom: 20%
    }

    .pl-20per-xs {
        padding-left: 20%
    }
}

@media(min-width:768px) {
    .p-20per-sm {
        padding: 20%
    }

    .pt-20per-sm {
        padding-top: 20%
    }

    .pr-20per-sm {
        padding-right: 20%
    }

    .pb-20per-sm {
        padding-bottom: 20%
    }

    .pl-20per-sm {
        padding-left: 20%
    }
}

@media(min-width:992px) {
    .p-20per-md {
        padding: 20%
    }

    .pt-20per-md {
        padding-top: 20%
    }

    .pr-20per-md {
        padding-right: 20%
    }

    .pb-20per-md {
        padding-bottom: 20%
    }

    .pl-20per-md {
        padding-left: 20%
    }
}

@media(min-width:1200px) {
    .p-20per-lg {
        padding: 20%
    }

    .pt-20per-lg {
        padding-top: 20%
    }

    .pr-20per-lg {
        padding-right: 20%
    }

    .pb-20per-lg {
        padding-bottom: 20%
    }

    .pl-20per-lg {
        padding-left: 20%
    }
}

.p-30per {
    padding: 30%
}

.pt-30per {
    padding-top: 30%
}

.pr-30per {
    padding-right: 30%
}

.pb-30per {
    padding-bottom: 30%
}

.pl-30per {
    padding-left: 30%
}

@media(min-width:480px) {
    .p-30per-xs {
        padding: 30%
    }

    .pt-30per-xs {
        padding-top: 30%
    }

    .pr-30per-xs {
        padding-right: 30%
    }

    .pb-30per-xs {
        padding-bottom: 30%
    }

    .pl-30per-xs {
        padding-left: 30%
    }
}

@media(min-width:768px) {
    .p-30per-sm {
        padding: 30%
    }

    .pt-30per-sm {
        padding-top: 30%
    }

    .pr-30per-sm {
        padding-right: 30%
    }

    .pb-30per-sm {
        padding-bottom: 30%
    }

    .pl-30per-sm {
        padding-left: 30%
    }
}

@media(min-width:992px) {
    .p-30per-md {
        padding: 30%
    }

    .pt-30per-md {
        padding-top: 30%
    }

    .pr-30per-md {
        padding-right: 30%
    }

    .pb-30per-md {
        padding-bottom: 30%
    }

    .pl-30per-md {
        padding-left: 30%
    }
}

@media(min-width:1200px) {
    .p-30per-lg {
        padding: 30%
    }

    .pt-30per-lg {
        padding-top: 30%
    }

    .pr-30per-lg {
        padding-right: 30%
    }

    .pb-30per-lg {
        padding-bottom: 30%
    }

    .pl-30per-lg {
        padding-left: 30%
    }
}

.p-40per {
    padding: 40%
}

.pt-40per {
    padding-top: 40%
}

.pr-40per {
    padding-right: 40%
}

.pb-40per {
    padding-bottom: 40%
}

.pl-40per {
    padding-left: 40%
}

@media(min-width:480px) {
    .p-40per-xs {
        padding: 40%
    }

    .pt-40per-xs {
        padding-top: 40%
    }

    .pr-40per-xs {
        padding-right: 40%
    }

    .pb-40per-xs {
        padding-bottom: 40%
    }

    .pl-40per-xs {
        padding-left: 40%
    }
}

@media(min-width:768px) {
    .p-40per-sm {
        padding: 40%
    }

    .pt-40per-sm {
        padding-top: 40%
    }

    .pr-40per-sm {
        padding-right: 40%
    }

    .pb-40per-sm {
        padding-bottom: 40%
    }

    .pl-40per-sm {
        padding-left: 40%
    }
}

@media(min-width:992px) {
    .p-40per-md {
        padding: 40%
    }

    .pt-40per-md {
        padding-top: 40%
    }

    .pr-40per-md {
        padding-right: 40%
    }

    .pb-40per-md {
        padding-bottom: 40%
    }

    .pl-40per-md {
        padding-left: 40%
    }
}

@media(min-width:1200px) {
    .p-40per-lg {
        padding: 40%
    }

    .pt-40per-lg {
        padding-top: 40%
    }

    .pr-40per-lg {
        padding-right: 40%
    }

    .pb-40per-lg {
        padding-bottom: 40%
    }

    .pl-40per-lg {
        padding-left: 40%
    }
}

.p-50per {
    padding: 50%
}

.pt-50per {
    padding-top: 50%
}

.pr-50per {
    padding-right: 50%
}

.pb-50per {
    padding-bottom: 50%
}

.pl-50per {
    padding-left: 50%
}

@media(min-width:480px) {
    .p-50per-xs {
        padding: 50%
    }

    .pt-50per-xs {
        padding-top: 50%
    }

    .pr-50per-xs {
        padding-right: 50%
    }

    .pb-50per-xs {
        padding-bottom: 50%
    }

    .pl-50per-xs {
        padding-left: 50%
    }
}

@media(min-width:768px) {
    .p-50per-sm {
        padding: 50%
    }

    .pt-50per-sm {
        padding-top: 50%
    }

    .pr-50per-sm {
        padding-right: 50%
    }

    .pb-50per-sm {
        padding-bottom: 50%
    }

    .pl-50per-sm {
        padding-left: 50%
    }
}

@media(min-width:992px) {
    .p-50per-md {
        padding: 50%
    }

    .pt-50per-md {
        padding-top: 50%
    }

    .pr-50per-md {
        padding-right: 50%
    }

    .pb-50per-md {
        padding-bottom: 50%
    }

    .pl-50per-md {
        padding-left: 50%
    }
}

@media(min-width:1200px) {
    .p-50per-lg {
        padding: 50%
    }

    .pt-50per-lg {
        padding-top: 50%
    }

    .pr-50per-lg {
        padding-right: 50%
    }

    .pb-50per-lg {
        padding-bottom: 50%
    }

    .pl-50per-lg {
        padding-left: 50%
    }
}

.p-60per {
    padding: 60%
}

.pt-60per {
    padding-top: 60%
}

.pr-60per {
    padding-right: 60%
}

.pb-60per {
    padding-bottom: 60%
}

.pl-60per {
    padding-left: 60%
}

@media(min-width:480px) {
    .p-60per-xs {
        padding: 60%
    }

    .pt-60per-xs {
        padding-top: 60%
    }

    .pr-60per-xs {
        padding-right: 60%
    }

    .pb-60per-xs {
        padding-bottom: 60%
    }

    .pl-60per-xs {
        padding-left: 60%
    }
}

@media(min-width:768px) {
    .p-60per-sm {
        padding: 60%
    }

    .pt-60per-sm {
        padding-top: 60%
    }

    .pr-60per-sm {
        padding-right: 60%
    }

    .pb-60per-sm {
        padding-bottom: 60%
    }

    .pl-60per-sm {
        padding-left: 60%
    }
}

@media(min-width:992px) {
    .p-60per-md {
        padding: 60%
    }

    .pt-60per-md {
        padding-top: 60%
    }

    .pr-60per-md {
        padding-right: 60%
    }

    .pb-60per-md {
        padding-bottom: 60%
    }

    .pl-60per-md {
        padding-left: 60%
    }
}

@media(min-width:1200px) {
    .p-60per-lg {
        padding: 60%
    }

    .pt-60per-lg {
        padding-top: 60%
    }

    .pr-60per-lg {
        padding-right: 60%
    }

    .pb-60per-lg {
        padding-bottom: 60%
    }

    .pl-60per-lg {
        padding-left: 60%
    }
}

.p-70per {
    padding: 70%
}

.pt-70per {
    padding-top: 70%
}

.pr-70per {
    padding-right: 70%
}

.pb-70per {
    padding-bottom: 70%
}

.pl-70per {
    padding-left: 70%
}

@media(min-width:480px) {
    .p-70per-xs {
        padding: 70%
    }

    .pt-70per-xs {
        padding-top: 70%
    }

    .pr-70per-xs {
        padding-right: 70%
    }

    .pb-70per-xs {
        padding-bottom: 70%
    }

    .pl-70per-xs {
        padding-left: 70%
    }
}

@media(min-width:768px) {
    .p-70per-sm {
        padding: 70%
    }

    .pt-70per-sm {
        padding-top: 70%
    }

    .pr-70per-sm {
        padding-right: 70%
    }

    .pb-70per-sm {
        padding-bottom: 70%
    }

    .pl-70per-sm {
        padding-left: 70%
    }
}

@media(min-width:992px) {
    .p-70per-md {
        padding: 70%
    }

    .pt-70per-md {
        padding-top: 70%
    }

    .pr-70per-md {
        padding-right: 70%
    }

    .pb-70per-md {
        padding-bottom: 70%
    }

    .pl-70per-md {
        padding-left: 70%
    }
}

@media(min-width:1200px) {
    .p-70per-lg {
        padding: 70%
    }

    .pt-70per-lg {
        padding-top: 70%
    }

    .pr-70per-lg {
        padding-right: 70%
    }

    .pb-70per-lg {
        padding-bottom: 70%
    }

    .pl-70per-lg {
        padding-left: 70%
    }
}

.p-80per {
    padding: 80%
}

.pt-80per {
    padding-top: 80%
}

.pr-80per {
    padding-right: 80%
}

.pb-80per {
    padding-bottom: 80%
}

.pl-80per {
    padding-left: 80%
}

@media(min-width:480px) {
    .p-80per-xs {
        padding: 80%
    }

    .pt-80per-xs {
        padding-top: 80%
    }

    .pr-80per-xs {
        padding-right: 80%
    }

    .pb-80per-xs {
        padding-bottom: 80%
    }

    .pl-80per-xs {
        padding-left: 80%
    }
}

@media(min-width:768px) {
    .p-80per-sm {
        padding: 80%
    }

    .pt-80per-sm {
        padding-top: 80%
    }

    .pr-80per-sm {
        padding-right: 80%
    }

    .pb-80per-sm {
        padding-bottom: 80%
    }

    .pl-80per-sm {
        padding-left: 80%
    }
}

@media(min-width:992px) {
    .p-80per-md {
        padding: 80%
    }

    .pt-80per-md {
        padding-top: 80%
    }

    .pr-80per-md {
        padding-right: 80%
    }

    .pb-80per-md {
        padding-bottom: 80%
    }

    .pl-80per-md {
        padding-left: 80%
    }
}

@media(min-width:1200px) {
    .p-80per-lg {
        padding: 80%
    }

    .pt-80per-lg {
        padding-top: 80%
    }

    .pr-80per-lg {
        padding-right: 80%
    }

    .pb-80per-lg {
        padding-bottom: 80%
    }

    .pl-80per-lg {
        padding-left: 80%
    }
}

.p-90per {
    padding: 90%
}

.pt-90per {
    padding-top: 90%
}

.pr-90per {
    padding-right: 90%
}

.pb-90per {
    padding-bottom: 90%
}

.pl-90per {
    padding-left: 90%
}

@media(min-width:480px) {
    .p-90per-xs {
        padding: 90%
    }

    .pt-90per-xs {
        padding-top: 90%
    }

    .pr-90per-xs {
        padding-right: 90%
    }

    .pb-90per-xs {
        padding-bottom: 90%
    }

    .pl-90per-xs {
        padding-left: 90%
    }
}

@media(min-width:768px) {
    .p-90per-sm {
        padding: 90%
    }

    .pt-90per-sm {
        padding-top: 90%
    }

    .pr-90per-sm {
        padding-right: 90%
    }

    .pb-90per-sm {
        padding-bottom: 90%
    }

    .pl-90per-sm {
        padding-left: 90%
    }
}

@media(min-width:992px) {
    .p-90per-md {
        padding: 90%
    }

    .pt-90per-md {
        padding-top: 90%
    }

    .pr-90per-md {
        padding-right: 90%
    }

    .pb-90per-md {
        padding-bottom: 90%
    }

    .pl-90per-md {
        padding-left: 90%
    }
}

@media(min-width:1200px) {
    .p-90per-lg {
        padding: 90%
    }

    .pt-90per-lg {
        padding-top: 90%
    }

    .pr-90per-lg {
        padding-right: 90%
    }

    .pb-90per-lg {
        padding-bottom: 90%
    }

    .pl-90per-lg {
        padding-left: 90%
    }
}

.p-100per {
    padding: 100%
}

.pt-100per {
    padding-top: 100%
}

.pr-100per {
    padding-right: 100%
}

.pb-100per {
    padding-bottom: 100%
}

.pl-100per {
    padding-left: 100%
}

@media(min-width:480px) {
    .p-100per-xs {
        padding: 100%
    }

    .pt-100per-xs {
        padding-top: 100%
    }

    .pr-100per-xs {
        padding-right: 100%
    }

    .pb-100per-xs {
        padding-bottom: 100%
    }

    .pl-100per-xs {
        padding-left: 100%
    }
}

@media(min-width:768px) {
    .p-100per-sm {
        padding: 100%
    }

    .pt-100per-sm {
        padding-top: 100%
    }

    .pr-100per-sm {
        padding-right: 100%
    }

    .pb-100per-sm {
        padding-bottom: 100%
    }

    .pl-100per-sm {
        padding-left: 100%
    }
}

@media(min-width:992px) {
    .p-100per-md {
        padding: 100%
    }

    .pt-100per-md {
        padding-top: 100%
    }

    .pr-100per-md {
        padding-right: 100%
    }

    .pb-100per-md {
        padding-bottom: 100%
    }

    .pl-100per-md {
        padding-left: 100%
    }
}

@media(min-width:1200px) {
    .p-100per-lg {
        padding: 100%
    }

    .pt-100per-lg {
        padding-top: 100%
    }

    .pr-100per-lg {
        padding-right: 100%
    }

    .pb-100per-lg {
        padding-bottom: 100%
    }

    .pl-100per-lg {
        padding-left: 100%
    }
}

.m-a {
    margin: auto
}

.ml-a {
    margin-left: auto
}

.mr-a {
    margin-right: auto
}

@media(min-width:480px) {
    .m-a-xs {
        margin: auto
    }

    .ml-a-xs {
        margin-left: auto
    }

    .mr-a-xs {
        margin-right: auto
    }
}

@media(min-width:768px) {
    .m-a-sm {
        margin: auto
    }

    .ml-a-sm {
        margin-left: auto
    }

    .mr-a-sm {
        margin-right: auto
    }
}

@media(min-width:992px) {
    .m-a-md {
        margin: auto
    }

    .ml-a-md {
        margin-left: auto
    }

    .mr-a-md {
        margin-right: auto
    }
}

@media(min-width:1200px) {
    .m-a-lg {
        margin: auto
    }

    .ml-a-lg {
        margin-left: auto
    }

    .mr-a-lg {
        margin-right: auto
    }
}

.w-100 {
    width: 100px
}

.h-100 {
    height: 100px
}

@media(min-width:480px) {
    .w-100-xs {
        width: 100px
    }

    .h-100-xs {
        height: 100px
    }
}

@media(min-width:768px) {
    .w-100-sm {
        width: 100px
    }

    .h-100-sm {
        height: 100px
    }
}

@media(min-width:992px) {
    .w-100-md {
        width: 100px
    }

    .h-100-md {
        height: 100px
    }
}

@media(min-width:1200px) {
    .w-100-lg {
        width: 100px
    }

    .h-100-lg {
        height: 100px
    }
}

.w-200 {
    width: 200px
}

.h-200 {
    height: 200px
}

@media(min-width:480px) {
    .w-200-xs {
        width: 200px
    }

    .h-200-xs {
        height: 200px
    }
}

@media(min-width:768px) {
    .w-200-sm {
        width: 200px
    }

    .h-200-sm {
        height: 200px
    }
}

@media(min-width:992px) {
    .w-200-md {
        width: 200px
    }

    .h-200-md {
        height: 200px
    }
}

@media(min-width:1200px) {
    .w-200-lg {
        width: 200px
    }

    .h-200-lg {
        height: 200px
    }
}

.w-300 {
    width: 300px
}

.h-300 {
    height: 300px
}

@media(min-width:480px) {
    .w-300-xs {
        width: 300px
    }

    .h-300-xs {
        height: 300px
    }
}

@media(min-width:768px) {
    .w-300-sm {
        width: 300px
    }

    .h-300-sm {
        height: 300px
    }
}

@media(min-width:992px) {
    .w-300-md {
        width: 300px
    }

    .h-300-md {
        height: 300px
    }
}

@media(min-width:1200px) {
    .w-300-lg {
        width: 300px
    }

    .h-300-lg {
        height: 300px
    }
}

.w-400 {
    width: 400px
}

.h-400 {
    height: 400px
}

@media(min-width:480px) {
    .w-400-xs {
        width: 400px
    }

    .h-400-xs {
        height: 400px
    }
}

@media(min-width:768px) {
    .w-400-sm {
        width: 400px
    }

    .h-400-sm {
        height: 400px
    }
}

@media(min-width:992px) {
    .w-400-md {
        width: 400px
    }

    .h-400-md {
        height: 400px
    }
}

@media(min-width:1200px) {
    .w-400-lg {
        width: 400px
    }

    .h-400-lg {
        height: 400px
    }
}

.w-500 {
    width: 500px
}

.h-500 {
    height: 500px
}

@media(min-width:480px) {
    .w-500-xs {
        width: 500px
    }

    .h-500-xs {
        height: 500px
    }
}

@media(min-width:768px) {
    .w-500-sm {
        width: 500px
    }

    .h-500-sm {
        height: 500px
    }
}

@media(min-width:992px) {
    .w-500-md {
        width: 500px
    }

    .h-500-md {
        height: 500px
    }
}

@media(min-width:1200px) {
    .w-500-lg {
        width: 500px
    }

    .h-500-lg {
        height: 500px
    }
}

.w-600 {
    width: 600px
}

.h-600 {
    height: 600px
}

@media(min-width:480px) {
    .w-600-xs {
        width: 600px
    }

    .h-600-xs {
        height: 600px
    }
}

@media(min-width:768px) {
    .w-600-sm {
        width: 600px
    }

    .h-600-sm {
        height: 600px
    }
}

@media(min-width:992px) {
    .w-600-md {
        width: 600px
    }

    .h-600-md {
        height: 600px
    }
}

@media(min-width:1200px) {
    .w-600-lg {
        width: 600px
    }

    .h-600-lg {
        height: 600px
    }
}

.w-700 {
    width: 700px
}

.h-700 {
    height: 700px
}

@media(min-width:480px) {
    .w-700-xs {
        width: 700px
    }

    .h-700-xs {
        height: 700px
    }
}

@media(min-width:768px) {
    .w-700-sm {
        width: 700px
    }

    .h-700-sm {
        height: 700px
    }
}

@media(min-width:992px) {
    .w-700-md {
        width: 700px
    }

    .h-700-md {
        height: 700px
    }
}

@media(min-width:1200px) {
    .w-700-lg {
        width: 700px
    }

    .h-700-lg {
        height: 700px
    }
}

.w-900 {
    width: 900px
}

.h-900 {
    height: 900px
}

@media(min-width:480px) {
    .w-900-xs {
        width: 900px
    }

    .h-900-xs {
        height: 900px
    }
}

@media(min-width:768px) {
    .w-900-sm {
        width: 900px
    }

    .h-900-sm {
        height: 900px
    }
}

@media(min-width:992px) {
    .w-900-md {
        width: 900px
    }

    .h-900-md {
        height: 900px
    }
}

@media(min-width:1200px) {
    .w-900-lg {
        width: 900px
    }

    .h-900-lg {
        height: 900px
    }
}

.w-10per {
    width: 10%
}

.h-10per {
    height: 10%
}

@media(min-width:480px) {
    .w-10per-xs {
        width: 10%
    }

    .h-10per-xs {
        height: 10%
    }
}

@media(min-width:768px) {
    .w-10per-sm {
        width: 10%
    }

    .h-10per-sm {
        height: 10%
    }
}

@media(min-width:992px) {
    .w-10per-md {
        width: 10%
    }

    .h-10per-md {
        height: 10%
    }
}

@media(min-width:1200px) {
    .w-10per-lg {
        width: 10%
    }

    .h-10per-lg {
        height: 10%
    }
}

.w-20per {
    width: 20%
}

.h-20per {
    height: 20%
}

@media(min-width:480px) {
    .w-20per-xs {
        width: 20%
    }

    .h-20per-xs {
        height: 20%
    }
}

@media(min-width:768px) {
    .w-20per-sm {
        width: 20%
    }

    .h-20per-sm {
        height: 20%
    }
}

@media(min-width:992px) {
    .w-20per-md {
        width: 20%
    }

    .h-20per-md {
        height: 20%
    }
}

@media(min-width:1200px) {
    .w-20per-lg {
        width: 20%
    }

    .h-20per-lg {
        height: 20%
    }
}

.w-30per {
    width: 30%
}

.h-30per {
    height: 30%
}

@media(min-width:480px) {
    .w-30per-xs {
        width: 30%
    }

    .h-30per-xs {
        height: 30%
    }
}

@media(min-width:768px) {
    .w-30per-sm {
        width: 30%
    }

    .h-30per-sm {
        height: 30%
    }
}

@media(min-width:992px) {
    .w-30per-md {
        width: 30%
    }

    .h-30per-md {
        height: 30%
    }
}

@media(min-width:1200px) {
    .w-30per-lg {
        width: 30%
    }

    .h-30per-lg {
        height: 30%
    }
}

.w-40per {
    width: 40%
}

.h-40per {
    height: 40%
}

@media(min-width:480px) {
    .w-40per-xs {
        width: 40%
    }

    .h-40per-xs {
        height: 40%
    }
}

@media(min-width:768px) {
    .w-40per-sm {
        width: 40%
    }

    .h-40per-sm {
        height: 40%
    }
}

@media(min-width:992px) {
    .w-40per-md {
        width: 40%
    }

    .h-40per-md {
        height: 40%
    }
}

@media(min-width:1200px) {
    .w-40per-lg {
        width: 40%
    }

    .h-40per-lg {
        height: 40%
    }
}

.w-50per {
    width: 50%
}

.h-50per {
    height: 50%
}

@media(min-width:480px) {
    .w-50per-xs {
        width: 50%
    }

    .h-50per-xs {
        height: 50%
    }
}

@media(min-width:768px) {
    .w-50per-sm {
        width: 50%
    }

    .h-50per-sm {
        height: 50%
    }
}

@media(min-width:992px) {
    .w-50per-md {
        width: 50%
    }

    .h-50per-md {
        height: 50%
    }
}

@media(min-width:1200px) {
    .w-50per-lg {
        width: 50%
    }

    .h-50per-lg {
        height: 50%
    }
}

.w-60per {
    width: 60%
}

.h-60per {
    height: 60%
}

@media(min-width:480px) {
    .w-60per-xs {
        width: 60%
    }

    .h-60per-xs {
        height: 60%
    }
}

@media(min-width:768px) {
    .w-60per-sm {
        width: 60%
    }

    .h-60per-sm {
        height: 60%
    }
}

@media(min-width:992px) {
    .w-60per-md {
        width: 60%
    }

    .h-60per-md {
        height: 60%
    }
}

@media(min-width:1200px) {
    .w-60per-lg {
        width: 60%
    }

    .h-60per-lg {
        height: 60%
    }
}

.w-70per {
    width: 70%
}

.h-70per {
    height: 70%
}

@media(min-width:480px) {
    .w-70per-xs {
        width: 70%
    }

    .h-70per-xs {
        height: 70%
    }
}

@media(min-width:768px) {
    .w-70per-sm {
        width: 70%
    }

    .h-70per-sm {
        height: 70%
    }
}

@media(min-width:992px) {
    .w-70per-md {
        width: 70%
    }

    .h-70per-md {
        height: 70%
    }
}

@media(min-width:1200px) {
    .w-70per-lg {
        width: 70%
    }

    .h-70per-lg {
        height: 70%
    }
}

.w-80per {
    width: 80%
}

.h-80per {
    height: 80%
}

@media(min-width:480px) {
    .w-80per-xs {
        width: 80%
    }

    .h-80per-xs {
        height: 80%
    }
}

@media(min-width:768px) {
    .w-80per-sm {
        width: 80%
    }

    .h-80per-sm {
        height: 80%
    }
}

@media(min-width:992px) {
    .w-80per-md {
        width: 80%
    }

    .h-80per-md {
        height: 80%
    }
}

@media(min-width:1200px) {
    .w-80per-lg {
        width: 80%
    }

    .h-80per-lg {
        height: 80%
    }
}

.w-90per {
    width: 90%
}

.h-90per {
    height: 90%
}

@media(min-width:480px) {
    .w-90per-xs {
        width: 90%
    }

    .h-90per-xs {
        height: 90%
    }
}

@media(min-width:768px) {
    .w-90per-sm {
        width: 90%
    }

    .h-90per-sm {
        height: 90%
    }
}

@media(min-width:992px) {
    .w-90per-md {
        width: 90%
    }

    .h-90per-md {
        height: 90%
    }
}

@media(min-width:1200px) {
    .w-90per-lg {
        width: 90%
    }

    .h-90per-lg {
        height: 90%
    }
}

.w-100per {
    width: 100%
}

.h-100per {
    height: 100%
}

@media(min-width:480px) {
    .w-100per-xs {
        width: 100%
    }

    .h-100per-xs {
        height: 100%
    }
}

@media(min-width:768px) {
    .w-100per-sm {
        width: 100%
    }

    .h-100per-sm {
        height: 100%
    }
}

@media(min-width:992px) {
    .w-100per-md {
        width: 100%
    }

    .h-100per-md {
        height: 100%
    }
}

@media(min-width:1200px) {
    .w-100per-lg {
        width: 100%
    }

    .h-100per-lg {
        height: 100%
    }
}

.w-a {
    width: auto
}

.h-a {
    height: auto
}

@media(min-width:480px) {
    .w-a-xs {
        width: auto
    }

    .h-a-xs {
        height: auto
    }
}

@media(min-width:768px) {
    .w-a-sm {
        width: auto
    }

    .h-a-sm {
        height: auto
    }
}

@media(min-width:992px) {
    .w-a-md {
        width: auto
    }

    .h-a-md {
        height: auto
    }
}

@media(min-width:1200px) {
    .w-a-lg {
        width: auto
    }

    .h-a-lg {
        height: auto
    }
}

.maw-100per {
    max-width: 100%
}

.maw-100per-md {
    width: 100%
}

@media(min-width:992px) {
    .maw-100per-md {
        width: auto;
        max-width: 100%
    }
}

.pos-a {
    position: absolute
}

.pos-r {
    position: relative
}

.pos-f {
    position: fixed
}

.d-b {
    display: block
}

.d-n {
    display: none
}

.d-i {
    display: inline
}

.d-ib {
    display: inline-block
}

.d-t {
    display: table
}

.d-tbc {
    display: table-cell
}

.d-tbr {
    display: table-row
}

@media(min-width:480px) {
    .pos-a-xs {
        position: absolute
    }

    .pos-r-xs {
        position: relative
    }

    .pos-f-xs {
        position: fixed
    }

    .d-b-xs {
        display: block
    }

    .d-n-xs {
        display: none
    }

    .d-i-xs {
        display: inline
    }

    .d-ib-xs {
        display: inline-block
    }

    .d-t-xs {
        display: table
    }

    .d-tbc-xs {
        display: table-cell
    }

    .d-tbr-xs {
        display: table-row
    }
}

@media(min-width:768px) {
    .pos-a-sm {
        position: absolute
    }

    .pos-r-sm {
        position: relative
    }

    .pos-f-sm {
        position: fixed
    }

    .d-b-sm {
        display: block
    }

    .d-n-sm {
        display: none
    }

    .d-i-sm {
        display: inline
    }

    .d-ib-sm {
        display: inline-block
    }

    .d-t-sm {
        display: table
    }

    .d-tbc-sm {
        display: table-cell
    }

    .d-tbr-sm {
        display: table-row
    }
}

@media(min-width:992px) {
    .pos-a-md {
        position: absolute
    }

    .pos-r-md {
        position: relative
    }

    .pos-f-md {
        position: fixed
    }

    .d-b-md {
        display: block
    }

    .d-n-md {
        display: none
    }

    .d-i-md {
        display: inline
    }

    .d-ib-md {
        display: inline-block
    }

    .d-t-md {
        display: table
    }

    .d-tbc-md {
        display: table-cell
    }

    .d-tbr-md {
        display: table-row
    }
}

@media(min-width:1200px) {
    .pos-a-lg {
        position: absolute
    }

    .pos-r-lg {
        position: relative
    }

    .pos-f-lg {
        position: fixed
    }

    .d-b-lg {
        display: block
    }

    .d-n-lg {
        display: none
    }

    .d-i-lg {
        display: inline
    }

    .d-ib-lg {
        display: inline-block
    }

    .d-t-lg {
        display: table
    }

    .d-tbc-lg {
        display: table-cell
    }

    .d-tbr-lg {
        display: table-row
    }
}

.ta-c {
    text-align: center
}

.ta-l {
    text-align: left
}

.ta-r {
    text-align: right
}

.va-t {
    vertical-align: top
}

.va-b {
    vertical-align: bottom
}

.va-bl {
    vertical-align: baseline
}

.va-m {
    vertical-align: middle
}

.va-sup {
    vertical-align: super
}

.va-sub {
    vertical-align: sub
}

.fl-l {
    float: left
}

.fl-r {
    float: right
}

.cl {
    clear: both
}

.l-0 {
    left: 0
}

.t-0 {
    top: 0
}

.r-0 {
    right: 0
}

.b-0 {
    bottom: 0
}

@media(min-width:480px) {
    .ta-c-xs {
        text-align: center
    }

    .ta-l-xs {
        text-align: left
    }

    .ta-r-xs {
        text-align: right
    }

    .va-t-xs {
        vertical-align: top
    }

    .va-b-xs {
        vertical-align: bottom
    }

    .va-m-xs {
        vertical-align: middle
    }

    .fl-l-xs {
        float: left
    }

    .fl-r-xs {
        float: right
    }

    .cl-xs {
        clear: both
    }
}

@media(min-width:768px) {
    .ta-c-sm {
        text-align: center
    }

    .ta-l-sm {
        text-align: left
    }

    .ta-r-sm {
        text-align: right
    }

    .va-t-sm {
        vertical-align: top
    }

    .va-b-sm {
        vertical-align: bottom
    }

    .va-m-sm {
        vertical-align: middle
    }

    .fl-l-sm {
        float: left
    }

    .fl-r-sm {
        float: right
    }

    .cl-sm {
        clear: both
    }
}

@media(min-width:992px) {
    .ta-c-md {
        text-align: center
    }

    .ta-l-md {
        text-align: left
    }

    .ta-r-md {
        text-align: right
    }

    .va-t-md {
        vertical-align: top
    }

    .va-b-md {
        vertical-align: bottom
    }

    .va-m-md {
        vertical-align: middle
    }

    .fl-l-md {
        float: left
    }

    .fl-r-md {
        float: right
    }

    .cl-md {
        clear: both
    }
}

@media(min-width:1200px) {
    .ta-c-lg {
        text-align: center
    }

    .ta-l-lg {
        text-align: left
    }

    .ta-r-lg {
        text-align: right
    }

    .va-t-lg {
        vertical-align: top
    }

    .va-b-lg {
        vertical-align: bottom
    }

    .va-m-lg {
        vertical-align: middle
    }

    .fl-l-lg {
        float: left
    }

    .fl-r-lg {
        float: right
    }

    .cl-lg {
        clear: both
    }
}

.td-n {
    text-decoration: none
}

.td-u {
    text-decoration: underline
}

.trs {
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.trs-first {
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.trs-slow {
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s
}

.content-box {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.border-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ov-h {
    overflow: hidden
}

@media(max-width:992px) {
    .is-top .header--fixed {
        top: -100px;
        opacity: 0;
        z-index: 9999;
        -moz-transition: opacity .3s, top .3s, height 0 .5s;
        -o-transition: opacity .3s, top .3s, height 0 .5s;
        -webkit-transition: opacity .3s, top .3s, height 0;
        -webkit-transition-delay: 0, 0, .5s;
        transition: opacity .3s, top .3s, height 0 .5s
    }

    .is-top .header--fixed:not([class*=header--show]) {
        -moz-transition: opacity .3s, top 0 .5s, height 0 .5s;
        -o-transition: opacity .3s, top 0 .5s, height 0 .5s;
        -webkit-transition: opacity .3s, top 0, height 0;
        -webkit-transition-delay: 0, .5s, .5s;
        transition: opacity .3s, top 0 .5s, height 0 .5s
    }
}

@media(min-width:992px) {
    .is-top .header--fixed {
        top: -100px;
        opacity: 0;
        z-index: 9999;
        -moz-transition: opacity .3s, top .3s;
        -o-transition: opacity .3s, top .3s;
        -webkit-transition: opacity .3s, top .3s;
        transition: opacity .3s, top .3s
    }
}

@media(max-width:992px) {
    .is-top .header--show {
        top: 0;
        opacity: 1;
        -moz-transition: opacity .3s, top .3s, height 0 .5s;
        -o-transition: opacity .3s, top .3s, height 0 .5s;
        -webkit-transition: opacity .3s, top .3s, height 0;
        -webkit-transition-delay: 0, 0, .5s;
        transition: opacity .3s, top .3s, height 0 .5s
    }
}

@media(min-width:992px) {
    .is-top .header--show {
        top: -25px;
        opacity: 1;
        z-index: 9999;
        -moz-transition: opacity .3s, top .3s;
        -o-transition: opacity .3s, top .3s;
        -webkit-transition: opacity .3s, top .3s;
        transition: opacity .3s, top .3s
    }
}

@media(max-width:992px) {
    .is-top .header--open-menu {
        top: 0;
        opacity: 1;
        -moz-transition: opacity .3s, top 0;
        -o-transition: opacity .3s, top 0;
        -webkit-transition: opacity .3s, top 0;
        transition: opacity .3s, top 0
    }

    .is-top .header--open-menu:not([class*=header--show]) {
        -moz-transition: opacity .3s, top 0;
        -o-transition: opacity .3s, top 0;
        -webkit-transition: opacity .3s, top 0;
        transition: opacity .3s, top 0
    }
}

.is-top .js-header .header__logo {
    display: none
}

@media(min-width:992px) {
    body:not(.is-top) .header--show {
        top: 0;
        position: absolute
    }
}

@media(min-width:992px) {
    body:not(.is-top) .header--no_scroll {
        top: -25px;
        position: fixed
    }
}

.l-header-news {
    width: auto;
    max-width: none;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 18px;
    position: relative
}

.l-header-news .header-news {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 0;
    left: 0
}

@media(min-width:992px) {
    .l-header-news {
        width: 100%;
        max-width: 1020px;
        position: relative;
        margin: 53px auto 0;
        height: 40px
    }

    .l-header-news .header-news {
        max-width: 960px;
        padding-right: 138px;
        margin-left: 0;
        margin-right: 0
    }

    .l-header-news .header-news .header-news__button {
        right: 0;
        top: 0;
        position: absolute
    }
}

.header {
    position: relative;
    z-index: 999;
    width: 100%;
    height: 45px;
}

.header__wrap {
    width: 100%;
    top: 0;
    z-index: 90;
    position: relative;
    left: 0
}

@media(min-width:992px) {
    .header__wrap {
        overflow-y: auto;
        height: auto;
        background: #fff
    }
}

.header__navigation {
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1;
    padding-bottom: 0;
    z-index: 90;
    height: 0
}

.header__navigation--fix-height,
.header__navigation--show {
    display: block
}

@media(min-width:992px) {
    .header__navigation {
        background: #fff;
        display: block !important;
        width: 100%;
        max-width: 1020px;
        padding-bottom: 0;
        height: 95px !important
    }

    .header__navigation--fix-height {
        height: auto
    }
}

.header__logo {
    max-width: 159px;
    display: block;
    position: absolute;
    top: 10px;
    left: 15px;
    opacity: 0;
    line-height: 0
}
.header__logo a {
    display: block;
}
.header__logo img {
    max-width: 100%
}

.header__logo--open {
    opacity: 1
}

@media(min-width:768px) and (max-width:992px) {
    .header__logo {
        max-width: 280px;
        top: 15px;
        left: 30px
    }
}

@media(min-width:992px) {
    .header__logo {
        float: left;
        width: 0;
        margin-top: 25px;
        position: relative;
        display: inline-block;
        -moz-transition: opacity .5s .1s;
        -o-transition: opacity .5s .1s;
        -webkit-transition: opacity .5s;
        -webkit-transition-delay: .1s;
        transition: opacity .5s .1s
    }

    .header__logo--open {
        top: 0;
        left: 0;
        min-height: 1px;
        width: 23.33333%;
        max-width: 238px;
        opacity: 1;
        padding-left: 7px;
        margin-top: 41px
    }

    .header__logo:hover {
        opacity: .8
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .header__logo--open {
        margin-left: 15px;
        display: table-cell
    }
}

.header--fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .3);
    -moz-transition: opacity .5s, height 0 .5s;
    -o-transition: opacity .5s, height 0 .5s;
    -webkit-transition: opacity .5s, height 0;
    -webkit-transition-delay: 0, .5s;
    transition: opacity .5s, height 0 .5s;
    height: 45px
}

.header--show {
    opacity: 1;
    z-index: 9999
}

.header--open-menu {
    opacity: 1;
    z-index: 9999;
    height: 100%;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

@media(min-width:768px) {
    .header {
        height: 70px
    }
}

@media(min-width:768px) {
    .header--fixed {
        height: 80px
    }

    .header--open-menu {
        height: 100%
    }
}

@media(min-width:992px) {
    .header {
        height: 95px !important;
        background: #fff
    }

    .header--fixed {
        height: 100px !important;
        overflow: hidden;
        box-shadow: none
    }

    .header--fixed .navigation__list .navigation__item:nth-child(2) {
        margin-left: 0
    }
    .header--fixed .navigation__list .navigation__item:nth-child(3) {
        margin-left: 10px
    }
    .header--fixed .navigation__list .navigation__item:nth-child(4),
    .header--fixed .navigation__list .navigation__item:nth-child(5) {
        margin-left: 20px
    }
    .header--fixed .navigation__list .navigation__item:nth-child(6) {
        margin-left: 20px
    }
    .header--fixed .navigation__list .navigation__item:nth-child(7) {
        margin-left: 20px
    }
    .header--fixed .navigation__list .navigation__item:nth-child(8) {
        margin-left: 20px
    }
}

.navigation__wrap {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    height: 100%;
    overflow: auto;
    padding-bottom: 55px;
    -moz-transition: opacity .5s, visibility 0 .5s;
    -o-transition: opacity .5s, visibility 0 .5s;
    -webkit-transition: opacity .5s, visibility 0;
    -webkit-transition-delay: 0, .5s;
    transition: opacity .5s, visibility 0 .5s
}

@media(min-width:768px) {
    .navigation__wrap {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media(min-width:992px) {
    .navigation__wrap {
        padding-left: 0;
        padding-right: 0;
        opacity: 1 !important;
        height: auto;
        padding-bottom: 0;
        display: block !important;
        overflow: hidden;
        visibility: visible
    }

    .navigation__wrap--block {
        display: block
    }

    .navigation__wrap--inline-block {
        display: inline-block
    }
}

.navigation__wrap--show {
    visibility: visible;
    opacity: 1;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.navigation__list {
    font-size: 0;
    padding-top: 4px;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width:992px) {
    .navigation__list {
        padding-top: 0;
        width: 100%
    }
}

.navigation__list--collapse {
    float: none;
    display: block
}

.navigation__list--collapse .navigation__item {
    width: auto;
    padding: 0;
    vertical-align: top
}

@media(min-width:992px) {
    .navigation__list--collapse .navigation__item:last-child a {
        padding-right: 0
    }
}

.navigation__list--collapse .navigation__item a {
    padding: 0 5px
}

@media(min-width:992px) {
    .navigation__list--collapse .navigation__item a {
        padding: 0
    }
}

@media(min-width:1200px) {
    .navigation__list--collapse .navigation__item a {
        padding: 0
    }
}

.navigation__list--collapse .navigation__item a .navigation__chars--ja {
    margin-left: 0
}

@media(min-width:992px) {
    .navigation__list--collapse {
        padding-left: 15px;
        padding-top: 13px;
        white-space: nowrap;
        text-align: right
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .navigation__list--collapse {
        display: table-cell;
        padding-left: 15px
    }
}

.navigation__item {
    font-size: 16px;
    width: 100%;
    display: block;
    margin-top: 35px;
    position: relative;
    -moz-transition: all 0;
    -o-transition: all 0;
    -webkit-transition: all 0;
    transition: all 0;
    opacity: 1
}

.navigation__item a {
    text-decoration: none;
    color: #303f57;
    font-family: "Reem Kufi", sans-serif;
    position: relative;
    overflow: hidden;
    display: block;
    padding: 0
}

@media(min-width:992px) {
    .navigation__item a {
        padding: 0
    }
}

.is-facility .navigation__item--facility a .navigation__chars,
.is-museum .navigation__item--museum a .navigation__chars,
.is-party .navigation__item--party a .navigation__chars,
.is-restaurant .navigation__item--restaurant a .navigation__chars,
.is-shop .navigation__item--shop a .navigation__chars,
.is-tower .navigation__item--tower a .navigation__chars,
.is-wedding .navigation__item--wedding a .navigation__chars,
.navigation__item--active a .navigation__chars {
    color: #2c3684
}

@media(min-width:768px) {
    .navigation__item {
        margin-top: 50px
    }
}

@media(min-width:992px) {
    .navigation__item {
        width: 12.5%;
        line-height: 95px;
        display: inline-block;
        text-align: center;
        margin-top: 0;
        left: 0;
        opacity: 1
    }

    .navigation__item a:hover .navigation__chars--en {
        top: -20px;
        opacity: 0
    }

    .navigation__item a:hover .navigation__chars--ja {
        top: -95px;
        opacity: 1
    }

    .is-facility .navigation__item--facility a .navigation__chars,
    .is-museum .navigation__item--museum a .navigation__chars,
    .is-party .navigation__item--party a .navigation__chars,
    .is-restaurant .navigation__item--restaurant a .navigation__chars,
    .is-shop .navigation__item--shop a .navigation__chars,
    .is-tower .navigation__item--tower a .navigation__chars,
    .is-wedding .navigation__item--wedding a .navigation__chars,
    .navigation__item--active a .navigation__chars {
        color: #2c3684
    }

    .is-facility .navigation__item--facility a .navigation__chars--ja,
    .is-museum .navigation__item--museum a .navigation__chars--ja,
    .is-party .navigation__item--party a .navigation__chars--ja,
    .is-restaurant .navigation__item--restaurant a .navigation__chars--ja,
    .is-shop .navigation__item--shop a .navigation__chars--ja,
    .is-tower .navigation__item--tower a .navigation__chars--ja,
    .is-wedding .navigation__item--wedding a .navigation__chars--ja,
    .navigation__item--active a .navigation__chars--ja {
        visibility: hidden
    }

    .is-facility .navigation__item--facility a:hover .navigation__chars--en,
    .is-museum .navigation__item--museum a:hover .navigation__chars--en,
    .is-party .navigation__item--party a:hover .navigation__chars--en,
    .is-restaurant .navigation__item--restaurant a:hover .navigation__chars--en,
    .is-shop .navigation__item--shop a:hover .navigation__chars--en,
    .is-tower .navigation__item--tower a:hover .navigation__chars--en,
    .is-wedding .navigation__item--wedding a:hover .navigation__chars--en,
    .navigation__item--active a:hover .navigation__chars--en {
        top: 0;
        opacity: 1
    }

    .is-facility .navigation__item--facility .navigation__chars:after,
    .is-museum .navigation__item--museum .navigation__chars:after,
    .is-party .navigation__item--party .navigation__chars:after,
    .is-restaurant .navigation__item--restaurant .navigation__chars:after,
    .is-shop .navigation__item--shop .navigation__chars:after,
    .is-tower .navigation__item--tower .navigation__chars:after,
    .is-wedding .navigation__item--wedding .navigation__chars:after,
    .navigation__item--active .navigation__chars:after {
        display: block;
        content: "";
        height: 2px;
        width: 20px;
        left: 50%;
        margin-left: -10px;
        top: 50%;
        background: #2c3684;
        position: absolute;
        margin-top: 10px
    }
}

.navigation__chars {
    display: inline-block;
    position: relative;
    opacity: 1;
    left: 0;
    top: 0
}

.navigation__chars--ja {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #b2b2b2;
    font-size: 9px;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    margin-left: 10px
}

.navigation__chars--en {
    color: #303f57;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 16px
}

.navigation__chars--inner {
    white-space: nowrap
}

@media(min-width:768px) {
    .navigation__chars--ja {
        font-size: 14px;
        margin-left: 18px
    }

    .navigation__chars--en {
        font-size: 30px
    }
}

@media(min-width:992px) {
    .navigation__chars {
        position: relative;
        display: block;
        color: inherit;
        white-space: nowrap
    }

    .navigation__chars--ja {
        opacity: 0;
        width: 100%;
        left: 0;
        top: -75px;
        font-size: 12px;
        text-align: center;
        display: block;
        position: relative;
        margin-left: 0
    }

    .navigation__chars--en {
        top: 0;
        font-size: 16px;
        text-align: center;
        display: block;
        width: 100%
    }

    .navigation__chars--inner {
        line-height: 1.5;
        white-space: normal;
        display: inline-block
    }
}

.header-news {
    overflow: hidden;
    z-index: 10
}

@media(min-width:992px) {
    .header-news {
        height: auto
    }
}

.header-news__wrap {
    display: block;
    background: #303f57
}

@media(min-width:992px) {
    .header-news__wrap {
        display: table;
        /*float: left;*/
    }
}

.header-news__title {
    display: block;
    color: #fff;
    text-align: center;
    background-color: #3e5170;
    font-weight: 400;
    font-family: "Reem Kufi", sans-serif;
    width: 100%;
    font-size: 12px;
    line-height: 24px
}

@media(min-width:768px) and (max-width:992px) {
    .header-news__title {
        font-size: 14px;
        width: 100%;
        line-height: 30px;
        vertical-align: top
    }
}

@media(min-width:992px) {
    .header-news__title {
        /*display: table-cell;*/
        font-size: 16px;
        width: 100%;
        line-height: 40px;
        vertical-align: top
    }
}

.header-news__pull-down {
    background-color: #303f57;
    width: 100%;
    height: auto !important;
    position: relative;
    display: block;
    overflow: hidden
}

@media(min-width:992px) {
    .header-news__pull-down {
        width: 510px;
        height: auto !important;
    }
}

.header-news__list {
    padding: 0 38px 0 13px
}

@media(min-width:992px) {
    .header-news__list {
        padding: 0 13px
    }
}

@media(min-width:992px) {
    .header-news-opened {
        height: auto
    }
}

@media(min-width:992px) {
    .header-news-opened .header-news__item {
        -moz-transition: 0;
        -o-transition: 0;
        -webkit-transition: 0;
        transition: 0;
        overflow: visible
    }

    .header-news-opened .header-news__item a {
        -moz-transition: 0;
        -o-transition: 0;
        -webkit-transition: 0;
        transition: 0;
        overflow: visible;
        text-overflow: clip;
        white-space: normal
    }
}

.header-news__item {
    color: #fff;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 0;
    border-top: 1px solid #58657a
}

.header-news__item small {
    line-height: 15px;
    border: 1px solid #cececf;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    width: 80px;
    margin-bottom: 5px
}

.header-news__item time {
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    width: 80px;
    vertical-align: top;
    font-family: "Reem Kufi", sans-serif;
    margin-bottom: 5px
}

.header-news__item a {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.5em;
    position: relative;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    color: #fff;
    text-decoration: none
}

.header-news__item:first-child {
    border-top: 0
}

@media(min-width:768px) and (max-width:992px) {
    .header-news__item a {
        font-size: 12px
    }
}

@media(min-width:992px) {
    .header-news__item {
        min-height: 40px;
        padding: 13px 0 6px;
        overflow: hidden
    }

    .header-news__item time {
        font-size: 16px;
        display: inline-block;
        line-height: 20px;
        margin-bottom: 0
    }

    .header-news__item small {
        margin-bottom: 0;
        width: 80px
    }

    .header-news__item a {
        font-size: 14px;
        padding-right: 18px;
        padding-left: 10px;
        width: 84%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .header-news__item a:hover {
        text-decoration: underline
    }
}

.header-news__toggle-btn {
    width: 24px;
    height: 24px;
    background: #3e5170 url(../svg/arrow_down.svg);
    background-repeat: no-repeat;
    background-size: 11px 9px;
    background-position: center center;
    display: block;
    position: absolute;
    right: 8px;
    bottom: 8px;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.header-news__toggle-btn--opened {
    background-image: url(../svg/arrow_up.svg);
    background-color: #3e5170
}

@media(min-width:992px) {
    .header-news__toggle-btn {
        right: 8px;
        top: 8px;
        bottom: auto
    }
}

@media(min-width:992px) {
    .header-news__toggle-btn:hover {
        background-color: #51617b
    }
}

.header-news__button {
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    background-color: #303134;
    text-decoration: none;
    overflow: hidden;
    float: right;
    display: block;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-left: 15px;
    padding-right: 15px
}

.header-news__button:hover {
    background-color: #434343
}

@media(min-width:768px) and (max-width:992px) {
    .header-news__button {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .header-news__button {
        float: none;
        display: inline-block;
        font-size: 14px;
        line-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
        height: 40px
    }
}

@media(min-width:992px) {
    .is--tablet .navigation__item a {
        height: 90px
    }

    .is--tablet .navigation__item a:hover .navigation__chars--en {
        top: 0;
        opacity: 1
    }

    .is--tablet .navigation__item a:hover .navigation__chars--ja {
        top: 0;
        opacity: 0
    }
}

.hamburger {
    display: block;
    text-align: center;
    padding: 15px;
    min-height: 45px;
    background: #fff
}

.hamburger__text {
    font-family: "Reem Kufi", sans-serif;
    font-size: 16px;
    position: absolute;
    left: -34px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #303f57
}

.hamburger__text--hide {
    display: none
}

@media(min-width:768px) and (max-width:992px) {
    .hamburger__text {
        font-size: 26px;
        left: -50px;
        top: 23px
    }
}

.hamburger__bars {
    width: 20px;
    height: 19px;
    border: 0;
    background: 0;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: -47px;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    box-sizing: content-box;
    padding: 13px
}

.hamburger__bars:active,
.hamburger__bars:focus {
    outline: 0
}

@media(min-width:768px) and (max-width:992px) {
    .hamburger__bars {
        top: 0;
        right: -80px;
        width: 30px;
        height: 22px;
        padding: 24px 30px
    }

    .header--fixed .hamburger__bars {
        padding: 24px 30px
    }
}

.hamburger__bars span {
    position: absolute;
    height: 2px;
    width: 20px;
    display: block;
    background-color: #303f57;
    left: 13px
}

.hamburger__bars span:nth-child(1) {
    top: 20px;
    -moz-animation: firstBar .5s forwards;
    -webkit-animation: firstBar .5s forwards;
    animation: firstBar .5s forwards
}

.hamburger__bars span:nth-child(2) {
    top: 21px;
    -moz-animation: secondBar .25s forwards;
    -webkit-animation: secondBar .25s forwards;
    animation: secondBar .25s forwards
}

.hamburger__bars span:nth-child(3) {
    top: 27px;
    -moz-animation: thirdBar .5s forwards;
    -webkit-animation: thirdBar .5s forwards;
    animation: thirdBar .5s forwards
}

@media(min-width:768px) and (max-width:992px) {
    .hamburger__bars span {
        width: 30px;
        height: 4px;
        left: 30px
    }

    .hamburger__bars span:nth-child(1) {
        top: 24px;
        -moz-animation: firstBar02 .5s forwards;
        -webkit-animation: firstBar02 .5s forwards;
        animation: firstBar02 .5s forwards
    }

    .hamburger__bars span:nth-child(2) {
        top: 33px;
        -moz-animation: secondBar02 .25s forwards;
        -webkit-animation: secondBar02 .25s forwards;
        animation: secondBar02 .25s forwards
    }

    .hamburger__bars span:nth-child(3) {
        top: 42px;
        -moz-animation: thirdBar02 .5s forwards;
        -webkit-animation: thirdBar02 .5s forwards;
        animation: thirdBar02 .5s forwards
    }
}

.hamburger__bars--opened span {
    background-color: #02156a
}

.hamburger__bars--opened span:nth-child(1) {
    -moz-animation: firstBarActive .5s forwards;
    -webkit-animation: firstBarActive .5s forwards;
    animation: firstBarActive .5s forwards
}

.hamburger__bars--opened span:nth-child(2) {
    -moz-animation: secondBarActive .25s forwards;
    -webkit-animation: secondBarActive .25s forwards;
    animation: secondBarActive .25s forwards
}

.hamburger__bars--opened span:nth-child(3) {
    -moz-animation: thirdBarActive .5s forwards;
    -webkit-animation: thirdBarActive .5s forwards;
    animation: thirdBarActive .5s forwards
}

@media(min-width:768px) and (max-width:992px) {
    .hamburger__bars--opened span:nth-child(1) {
        -moz-animation: firstBarActive02 .5s forwards;
        -webkit-animation: firstBarActive02 .5s forwards;
        animation: firstBarActive02 .5s forwards
    }

    .hamburger__bars--opened span:nth-child(2) {
        -moz-animation: secondBarActive02 .25s forwards;
        -webkit-animation: secondBarActive02 .25s forwards;
        animation: secondBarActive02 .25s forwards
    }

    .hamburger__bars--opened span:nth-child(3) {
        -moz-animation: thirdBarActive02 .5s forwards;
        -webkit-animation: thirdBarActive02 .5s forwards;
        animation: thirdBarActive02 .5s forwards
    }
}

.hamburger__bars--right {
    right: 0;
    margin-right: 0
}

@media(min-width:768px) {
    .hamburger {
        min-height: 70px
    }

    .header--fixed .hamburger {
        min-height: 80px
    }
}

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

@-moz-keyframes firstBar {
    0 {
        top: 21px;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    50% {
        top: 21px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 15px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes firstBar {
    0 {
        top: 21px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    50% {
        top: 21px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 15px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes firstBar {
    0 {
        top: 21px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    50% {
        top: 21px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 15px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes secondBar {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes secondBar {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes secondBar {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes thirdBar {
    0 {
        top: 21px;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    50% {
        top: 21px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 27px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes thirdBar {
    0 {
        top: 21px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    50% {
        top: 21px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 27px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes thirdBar {
    0 {
        top: 21px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    50% {
        top: 21px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 27px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes firstBarActive {
    0 {
        top: 15px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 21px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 21px;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes firstBarActive {
    0 {
        top: 15px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 21px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 21px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes firstBarActive {
    0 {
        top: 15px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 21px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 21px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-moz-keyframes secondBarActive {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes secondBarActive {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes secondBarActive {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes thirdBarActive {
    0 {
        top: 27px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 21px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 21px;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes thirdBarActive {
    0 {
        top: 27px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 21px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 21px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes thirdBarActive {
    0 {
        top: 27px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 21px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 21px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-moz-keyframes firstBar02 {
    0 {
        top: 33px;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    50% {
        top: 33px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 24px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes firstBar02 {
    0 {
        top: 33px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    50% {
        top: 33px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 24px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes firstBar02 {
    0 {
        top: 33px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    50% {
        top: 33px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 24px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes secondBar02 {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes secondBar02 {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes secondBar02 {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes thirdBar02 {
    0 {
        top: 33px;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    50% {
        top: 33px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 42px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes thirdBar02 {
    0 {
        top: 33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    50% {
        top: 33px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 42px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes thirdBar02 {
    0 {
        top: 33px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    50% {
        top: 33px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 42px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes firstBarActive02 {
    0 {
        top: 24px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 33px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 33px;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes firstBarActive02 {
    0 {
        top: 24px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 33px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 33px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes firstBarActive02 {
    0 {
        top: 24px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 33px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 33px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-moz-keyframes secondBarActive02 {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes secondBarActive02 {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes secondBarActive02 {
    0 {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes thirdBarActive02 {
    0 {
        top: 42px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 33px;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 33px;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes thirdBarActive02 {
    0 {
        top: 42px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 33px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes thirdBarActive02 {
    0 {
        top: 42px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        top: 33px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        top: 33px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@media(min-width:992px) {
    .slick-dots {
        margin-top: 6px
    }
}

@media(min-width:992px) {
    .slick-dots li:first-child {
        margin-left: -10px
    }
}

.h-clearfix:after,
.h-clearfix:before,
.l-detail-content--facility1 .l-google-map:after,
.l-detail-content--facility1 .l-media:after,
.l-detail-content--facility2 .l-media:after,
.l-detail-content--kouri_island1 .l-img:after,
.l-detail-content--restaurant1 .l-images:after,
.l-detail-content--restaurant1-menu .l-images:after,
.l-detail-content--restaurant2 .l-images:after,
.l-detail-content--restaurant2-about:after,
.l-detail-content--restaurant2-menu .l-images:after,
.l-detail-content--tower4 .l-img:after {
    content: " ";
    display: table
}

.h-clearfix:after,
.l-detail-content--facility1 .l-google-map:after,
.l-detail-content--facility1 .l-media:after,
.l-detail-content--facility2 .l-media:after,
.l-detail-content--kouri_island1 .l-img:after,
.l-detail-content--restaurant1 .l-images:after,
.l-detail-content--restaurant1-menu .l-images:after,
.l-detail-content--restaurant2 .l-images:after,
.l-detail-content--restaurant2-about:after,
.l-detail-content--restaurant2-menu .l-images:after,
.l-detail-content--tower4 .l-img:after {
    clear: both
}

.h-text-required {
    color: #c00
}

.h-background-selago {
    background-color: #eeeffc
}

.h-overflow-hidden {
    overflow: hidden
}

.card {
    position: relative;
    width: 100%;
    background-color: #fff;
    color: #696969;
    padding: 40px 20px
}

@media(min-width:768px) and (max-width:992px) {
    .card {
        padding: 80px 90px
    }
}

@media(min-width:992px) {
    .card {
        padding: 90px 60px;
        min-width: 510px;
        width: 510px;
        max-width: 510px
    }
}

.card--navy {
    background-color: #303f57;
    color: #fff
}

.card--navy-light {
    background-color: #58657a;
    color: #fff
}

.card--white {
    background-color: #fff;
    color: #696969
}

.card--white h2 {
    color: #303f57
}

.card--full {
    width: 100%;
    padding: 40px 15px 50px
}

@media(min-width:768px) and (max-width:992px) {
    .card--full {
        padding: 100px 60px
    }
}

@media(min-width:992px) {
    .card--full {
        padding: 80px 119px;
        max-width: 1020px;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:992px) {
    .card--xlarge {
        padding: 83px 110px 180px;
        min-width: 640px;
        width: 640px;
        max-width: 640px
    }
}

@media(min-width:992px) {
    .card--large {
        padding: 83px 100px 130px;
        min-width: 600px;
        width: 600px;
        max-width: 600px
    }
}

@media(min-width:992px) {
    .card--medium {
        padding: 80px;
        min-width: 520px;
        width: 520px;
        max-width: 520px
    }
}

@media(min-width:992px) {
    .card--small {
        padding: 80px 60px 90px;
        min-width: 510px;
        width: 510px;
        max-width: 510px
    }
}

@media(min-width:992px) {
    .card--xsmall {
        padding: 120px 60px 100px;
        min-width: 510px;
        width: 510px;
        max-width: 510px
    }
}

@media(min-width:992px) {
    .card--map {
        max-width: 1020px;
        margin: 0 auto
    }
}

@media(min-width:992px) {
    .card--pc-pdb-50 {
        padding-bottom: 50px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-55 {
        padding-bottom: 55px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-60 {
        padding-bottom: 60px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-65 {
        padding-bottom: 65px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-70 {
        padding-bottom: 70px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-75 {
        padding-bottom: 75px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-80 {
        padding-bottom: 80px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-85 {
        padding-bottom: 85px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-90 {
        padding-bottom: 90px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-95 {
        padding-bottom: 95px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-100 {
        padding-bottom: 100px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-105 {
        padding-bottom: 105px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-110 {
        padding-bottom: 110px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-115 {
        padding-bottom: 115px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-120 {
        padding-bottom: 120px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-125 {
        padding-bottom: 125px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-130 {
        padding-bottom: 130px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-135 {
        padding-bottom: 135px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-140 {
        padding-bottom: 140px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-145 {
        padding-bottom: 145px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-150 {
        padding-bottom: 150px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-155 {
        padding-bottom: 155px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-160 {
        padding-bottom: 160px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-165 {
        padding-bottom: 165px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-170 {
        padding-bottom: 170px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-175 {
        padding-bottom: 175px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-180 {
        padding-bottom: 180px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-185 {
        padding-bottom: 185px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-190 {
        padding-bottom: 190px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-195 {
        padding-bottom: 195px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-200 {
        padding-bottom: 200px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-205 {
        padding-bottom: 205px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-210 {
        padding-bottom: 210px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-215 {
        padding-bottom: 215px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-220 {
        padding-bottom: 220px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-225 {
        padding-bottom: 225px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-230 {
        padding-bottom: 230px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-235 {
        padding-bottom: 235px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-240 {
        padding-bottom: 240px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-245 {
        padding-bottom: 245px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-250 {
        padding-bottom: 250px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-255 {
        padding-bottom: 255px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-260 {
        padding-bottom: 260px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-265 {
        padding-bottom: 265px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-270 {
        padding-bottom: 270px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-275 {
        padding-bottom: 275px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-280 {
        padding-bottom: 280px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-285 {
        padding-bottom: 285px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-290 {
        padding-bottom: 290px
    }
}

@media(min-width:992px) {
    .card--pc-pdb-295 {
        padding-bottom: 295px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-50 {
        padding-top: 50px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-55 {
        padding-top: 55px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-60 {
        padding-top: 60px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-65 {
        padding-top: 65px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-70 {
        padding-top: 70px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-75 {
        padding-top: 75px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-80 {
        padding-top: 80px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-85 {
        padding-top: 85px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-90 {
        padding-top: 90px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-95 {
        padding-top: 95px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-100 {
        padding-top: 100px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-105 {
        padding-top: 105px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-110 {
        padding-top: 110px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-115 {
        padding-top: 115px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-120 {
        padding-top: 120px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-125 {
        padding-top: 125px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-130 {
        padding-top: 130px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-135 {
        padding-top: 135px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-140 {
        padding-top: 140px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-145 {
        padding-top: 145px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-150 {
        padding-top: 150px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-155 {
        padding-top: 155px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-160 {
        padding-top: 160px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-165 {
        padding-top: 165px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-170 {
        padding-top: 170px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-175 {
        padding-top: 175px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-180 {
        padding-top: 180px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-185 {
        padding-top: 185px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-190 {
        padding-top: 190px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-195 {
        padding-top: 195px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-200 {
        padding-top: 200px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-205 {
        padding-top: 205px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-210 {
        padding-top: 210px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-215 {
        padding-top: 215px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-220 {
        padding-top: 220px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-225 {
        padding-top: 225px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-230 {
        padding-top: 230px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-235 {
        padding-top: 235px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-240 {
        padding-top: 240px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-245 {
        padding-top: 245px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-250 {
        padding-top: 250px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-255 {
        padding-top: 255px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-260 {
        padding-top: 260px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-265 {
        padding-top: 265px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-270 {
        padding-top: 270px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-275 {
        padding-top: 275px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-280 {
        padding-top: 280px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-285 {
        padding-top: 285px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-290 {
        padding-top: 290px
    }
}

@media(min-width:992px) {
    .card--pc-pdt-295 {
        padding-top: 295px
    }
}

.card__title {
    color: #303f57
}

.card__title--white {
    color: #fff !important
}

.card__title--white:before {
    background-color: #fff !important
}

.card__title--navy {
    color: #303f57 !important
}

.card__title--navy:before {
    background-color: #303f57 !important
}

.card__title--underline {
    font: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    padding-bottom: 15px;
    font-size: 22px;
    border-bottom: 1px solid #303f57
}

@media(min-width:992px) {
    .card__title--underline {
        font-size: 34px
    }
}

.card__title--plain {
    font: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size: 20px;
    margin-bottom: 20px
}

@media(min-width:992px) {
    .card__title--plain {
        font-size: 24px;
        margin-bottom: 60px
    }
}

.card__description {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    color: #696969;
    line-height: 1.5em;
    font-size: 13px;
    margin-top: 25px
}

@media(min-width:768px) and (max-width:992px) {
    .card__description {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .card__description {
        font-size: 14px;
        margin-top: 32px
    }
}

.card__title--stripe,
.card__title--stripe-large,
.card__title--stripe-medium,
.card__title--stripe-small,
.card__title--stripe-xlarge,
.card__title--stripe-xsmall {
    font-family: "Reem Kufi", sans-serif;
    line-height: 1.2;
    position: relative;
    color: #303f57;
    font-size: 35px
}

.card__title--stripe-large:before,
.card__title--stripe-medium:before,
.card__title--stripe-small:before,
.card__title--stripe-xlarge:before,
.card__title--stripe-xsmall:before,
.card__title--stripe:before {
    content: '';
    position: absolute;
    top: 45%;
    left: -20px;
    width: 15px;
    height: 3px;
    background-color: #303f57
}

@media(min-width:768px) and (max-width:992px) {

    .card__title--stripe-large:before,
    .card__title--stripe-medium:before,
    .card__title--stripe-small:before,
    .card__title--stripe-xlarge:before,
    .card__title--stripe-xsmall:before,
    .card__title--stripe:before {
        width: 70px;
        left: -90px;
        height: 5px
    }
}

@media(min-width:992px) {

    .card__title--stripe-large:before,
    .card__title--stripe-medium:before,
    .card__title--stripe-small:before,
    .card__title--stripe-xlarge:before,
    .card__title--stripe-xsmall:before,
    .card__title--stripe:before {
        width: 80px;
        left: 100px;
        height: 5px
    }
}

@media(min-width:768px) and (max-width:992px) {

    .card__title--stripe,
    .card__title--stripe-large,
    .card__title--stripe-medium,
    .card__title--stripe-small,
    .card__title--stripe-xlarge,
    .card__title--stripe-xsmall {
        font-size: 50px
    }
}

@media(min-width:992px) {

    .card__title--stripe,
    .card__title--stripe-large,
    .card__title--stripe-medium,
    .card__title--stripe-small,
    .card__title--stripe-xlarge,
    .card__title--stripe-xsmall {
        font-size: 50px
    }
}

@media(min-width:992px) {
    .card__title--stripe-xlarge:before {
        width: 100px;
        left: -120px
    }
}

@media(min-width:992px) {
    .card__title--stripe-large:before {
        width: 80px;
        left: -100px
    }
}

@media(min-width:992px) {
    .card__title--stripe-medium:before {
        width: 60px;
        left: -80px
    }
}

@media(min-width:992px) {
    .card__title--stripe-small:before {
        width: 40px;
        left: -60px
    }
}

@media(min-width:992px) {
    .card__title--stripe-xsmall:before {
        width: 40px;
        left: -60px
    }
}

.card__subtitle {
    color: #333;
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700
}

@media(min-width:768px) and (max-width:992px) {
    .card__subtitle {
        font-size: 27px
    }
}

@media(min-width:992px) {
    .card__subtitle {
        font-size: 25px
    }
}

.card__subtitle--white {
    color: #fff
}

.card__subtitle--navy {
    color: #303f57
}

@media(min-width:992px) {
    .is--tablet .card--full {
        max-width: 984px !important;
        padding-left: 90px !important;
        padding-right: 90px !important
    }

    .is--tablet .card--large,
    .is--tablet .card--medium,
    .is--tablet .card--small,
    .is--tablet .card--xlarge,
    .is--tablet .card--xsmall {
        padding-left: 90px !important;
        padding-right: 90px !important
    }
}

@media(min-width:992px) and (min-width:992px) {
    .is--tablet .card--map {
        max-width: 1020px;
        margin: 0 auto
    }
}

@media(min-width:992px) {

    .is--tablet .card__title--stripe,
    .is--tablet .card__title--stripe-large,
    .is--tablet .card__title--stripe-medium,
    .is--tablet .card__title--stripe-small,
    .is--tablet .card__title--stripe-xlarge,
    .is--tablet .card__title--stripe-xsmall {
        font-family: "Reem Kufi", sans-serif;
        line-height: 1.2;
        position: relative;
        color: #303f57;
        font-size: 35px
    }

    .is--tablet .card__title--stripe-large:before,
    .is--tablet .card__title--stripe-medium:before,
    .is--tablet .card__title--stripe-small:before,
    .is--tablet .card__title--stripe-xlarge:before,
    .is--tablet .card__title--stripe-xsmall:before,
    .is--tablet .card__title--stripe:before {
        content: '';
        position: absolute;
        top: 45%;
        left: -20px;
        width: 15px;
        height: 3px;
        background-color: #303f57
    }
}

@media(min-width:992px) and (min-width:768px) and (max-width:992px) {

    .is--tablet .card__title--stripe-large:before,
    .is--tablet .card__title--stripe-medium:before,
    .is--tablet .card__title--stripe-small:before,
    .is--tablet .card__title--stripe-xlarge:before,
    .is--tablet .card__title--stripe-xsmall:before,
    .is--tablet .card__title--stripe:before {
        width: 70px;
        left: -90px;
        height: 5px
    }
}

@media(min-width:992px) and (min-width:992px) {

    .is--tablet .card__title--stripe-large:before,
    .is--tablet .card__title--stripe-medium:before,
    .is--tablet .card__title--stripe-small:before,
    .is--tablet .card__title--stripe-xlarge:before,
    .is--tablet .card__title--stripe-xsmall:before,
    .is--tablet .card__title--stripe:before {
        width: 80px;
        left: 100px;
        height: 5px
    }
}

@media(min-width:992px) and (min-width:768px) and (max-width:992px) {

    .is--tablet .card__title--stripe,
    .is--tablet .card__title--stripe-large,
    .is--tablet .card__title--stripe-medium,
    .is--tablet .card__title--stripe-small,
    .is--tablet .card__title--stripe-xlarge,
    .is--tablet .card__title--stripe-xsmall {
        font-size: 50px
    }
}

@media(min-width:992px) and (min-width:992px) {

    .is--tablet .card__title--stripe,
    .is--tablet .card__title--stripe-large,
    .is--tablet .card__title--stripe-medium,
    .is--tablet .card__title--stripe-small,
    .is--tablet .card__title--stripe-xlarge,
    .is--tablet .card__title--stripe-xsmall {
        font-size: 50px
    }
}

@media(min-width:992px) {

    .is--tablet .card__title--stripe-large:before,
    .is--tablet .card__title--stripe-xlarge:before {
        width: 70px;
        left: -90px
    }
}

@media(min-width:992px) and (min-width:992px) {
    .is--tablet .card__title--stripe-medium:before {
        width: 60px;
        left: -80px
    }
}

@media(min-width:992px) {

    .is--tablet .card__title--stripe-small:before,
    .is--tablet .card__title--stripe-xsmall:before {
        width: 70px;
        left: -90px
    }
}

.breadcrumb-links {
    font-size: 12px;
    color: #2c3684;
    padding: 6px 0
}

@media(min-width:768px) and (max-width:992px) {
    .breadcrumb-links {
        font-size: 14px
    }
}

@media(min-width:992px) {
    .breadcrumb-links {
        padding: 8px 0
    }
}

.breadcrumb-links__item {
    display: inline-block;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif
}

.breadcrumb-links__item:after {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    color: #959fa5;
    content: "\f105";
    margin: 0 6px
}

@media(min-width:992px) {
    .breadcrumb-links__item:after {
        margin: 0 12px
    }
}

.breadcrumb-links__item:first-child {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif
}

.breadcrumb-links__item:last-child:after {
    display: none
}

.breadcrumb-link {
    display: inline-block;
    text-decoration: none;
    color: #2c3684
}

.breadcrumb-link--current {
    color: #696969
}

@media(min-width:992px) {
    .breadcrumb-link:hover {
        text-decoration: underline
    }

    .breadcrumb-link--current:hover {
        text-decoration: none
    }
}

.preview-article {
    margin-bottom: 80px;
    z-index: 2
}

@media(min-width:992px) {
    .preview-article {
        margin-bottom: 200px
    }
}

.preview-article__body {
    font-size: 13px;
    line-height: 1.5em;
    margin-top: 34px;
    word-break: break-word
}

@media(min-width:992px) {
    .preview-article__body {
        line-height: 1.8em;
        font-size: 14px;
        margin-top: 50px
    }
}

.preview-article__button {
    display: block;
    position: absolute;
    margin-top: 30px;
    right: -10px
}

@media(min-width:992px) {
    .preview-article__button {
        margin-top: 120px;
        min-width: 520px;
        right: -8px
    }
}

.preview-article:after {
    content: '';
    display: table;
    clear: both
}

.topkeyvisual {
    text-align: center;
    background: url(../images/top/movie_sp.jpg) no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    z-index: 0
}

.topkeyvisual .topVideoWrap,
.topkeyvisual .topkeyvisual-bg {
    display: none
}

@media(min-width:768px) {
    .topkeyvisual {
        background: 0;
        background-size: cover
    }

    .topkeyvisual .topkeyvisual-bg {
        display: block;
        background: url(../images/top/movie.jpg) no-repeat center center;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1
    }

    .topkeyvisual .topVideoWrap {
        display: block;
        position: absolute;
        z-index: 0;
        top: 0
    }

    .topkeyvisual .topVideoWrap .video-play {
        position: absolute;
        z-index: 0
    }
}

.topkeyvisual__content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.topkeyvisual__show {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .topkeyvisual__show:after {
        content: '';
        background: url(../images/share/pattern03.png);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1
    }
}

.topkeyvisual__info {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    z-index: 4;
    position: relative
}

.topkeyvisual__info--title-movie {
    max-width: 280px;
    width: 100%;
    height: auto;
    margin: auto
}

@media(min-width:768px) and (max-width:992px) {
    .topkeyvisual__info--title-movie {
        max-width: 556px
    }
}

@media(min-width:992px) {
    .topkeyvisual__info--title-movie {
        max-width: 556px
    }
}

.topkeyvisual__info--title-movie img {
    width: 100%;
    height: auto
}

.topkeyvisual__info--play-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: 15px;
    z-index: 5
}

@media(min-width:992px) {
    .topkeyvisual__info--play-button {
        margin-top: 25px
    }
}

.topkeyvisual__info--play-button:before {
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 100%;
    background-color: #fff;
    opacity: .8;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media(min-width:768px) and (max-width:992px) {
    .topkeyvisual__info--play-button:before {
        width: 100px;
        height: 100px
    }
}

@media(min-width:992px) {
    .topkeyvisual__info--play-button:before {
        width: 80px;
        height: 80px
    }
}

.topkeyvisual__info--play-button:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 14px solid #303f57;
    border-bottom: 8px solid transparent;
    top: 50%;
    left: 21px;
    margin-top: -1px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

@media(min-width:768px) and (max-width:992px) {
    .topkeyvisual__info--play-button:after {
        left: 41px;
        border-top: 16px solid transparent;
        border-left: 28px solid #303f57;
        border-bottom: 16px solid transparent;
        margin-top: 0
    }
}

@media(min-width:992px) {
    .topkeyvisual__info--play-button:after {
        left: 33px;
        border-top: 13px solid transparent;
        border-left: 22px solid #303f57;
        border-bottom: 13px solid transparent;
        margin-top: 0
    }
}

.topkeyvisual__info--play-button:hover:before {
    background-color: #303f57
}

.topkeyvisual__info--play-button:hover:after {
    border-left-color: #fff
}

.topkeyvisual__info--play-title {
    font-family: "Reem Kufi", sans-serif;
    display: block;
    font-size: 10px;
    color: #fff;
    margin-top: 5px;
    text-shadow: rgba(42, 144, 192, .4)0 0 11px
}

@media(min-width:768px) and (max-width:992px) {
    .topkeyvisual__info--play-title {
        font-size: 20px
    }
}

@media(min-width:992px) {
    .topkeyvisual__info--play-title {
        font-size: 20px
    }
}

.topkeyvisual__info--link {
    line-height: 27px;
    background: #303f57;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 11px;
    overflow: hidden;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    min-width: 135px;
    padding-left: 17px;
    padding-right: 19px;
    margin-top: 15px
}

.topkeyvisual__info--link:after {
    content: "";
    position: absolute;
    height: 31px;
    background-image: url(../svg/button_arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    top: -2px;
    background-size: 100% 100%;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 14px;
    right: 5px
}

@media(min-width:992px) {
    .topkeyvisual__info--link {
        line-height: 32px;
        font-size: 14px
    }

    .topkeyvisual__info--link:after {
        height: 42px;
        top: -5px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .topkeyvisual__info--link {
        min-width: 270px;
        font-size: 22px;
        line-height: 54px
    }

    .topkeyvisual__info--link:after {
        width: 40px;
        height: 70px;
        top: 50%;
        margin-top: -35px
    }
}

@media(min-width:992px) {
    .topkeyvisual__info--link {
        min-width: 160px;
        padding-right: 22px
    }

    .topkeyvisual__info--link:after {
        width: 22px
    }

    .topkeyvisual__info--link:hover {
        background: #43526a
    }

    .topkeyvisual__info--link:hover:after {
        right: 0
    }
}

@media(min-width:992px) {
    .topkeyvisual__info--link {
        margin-top: 38px
    }
}

.mbYTP_wrapper {
    position: absolute !important
}

.is-language .topkeyvisual__info--title-movie img {
    width: 100%;
    max-width: 184px;
    height: auto
}

@media(min-width:768px) {
    .is-language .topkeyvisual__info--title-movie img {
        max-width: 368px
    }
}

.toplanguage {
    display: none;
    white-space: nowrap;
    overflow: hidden
}

@media(min-width:992px) {
    .toplanguage {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        display: inherit;
        height: 25px;
        width: 93px
    }
}

.toplanguage__title {
    color: #fff;
    background-color: #2e3e59;
    padding: 0 7px;
    line-height: 20px;
    cursor: pointer;
    display: inline-block;
    font-family: "Adobe Arabic", Helvetica, sans-serif;
    font-size: 15px
}

@media(min-width:992px) {
    .toplanguage__title {
        float: left;
        line-height: 25px;
        font-size: 13px;
        font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
        padding: 0 15px;
        width: 93px;
        text-align: center
    }
}

.toplanguage__list {
    width: 100%;
    display: table
}

@media(min-width:768px) {
    .toplanguage__list {
        display: table
    }
}

@media(min-width:992px) {
    .toplanguage__list {
        display: inline-block;
        width: 240px
    }
}

.toplanguage__item {
    background-color: #3e5170;
    float: none;
    display: table-cell;
    line-height: 40px;
    font-size: 13px;
    font-family: "Reem Kufi", sans-serif;
    width: 25%
}

@media(min-width:768px) {
    .toplanguage__item {
        float: none;
        display: table-cell
    }
}

@media(min-width:992px) {
    .toplanguage__item {
        float: left;
        display: block;
        line-height: 25px;
        width: auto
    }

    .toplanguage__item:hover {
        opacity: .8
    }
}

.toplanguage__link {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 60px
}

.toplanguage__link:first-child {
    padding-left: 0
}

.toplanguage__link:last-child {
    padding-right: 0
}

@media(min-width:768px) {
    .toplanguage__link {
        display: block;
        width: auto
    }
}

@media(min-width:992px) {
    .toplanguage__link {
        display: block;
        width: 58px
    }
}

.toplanguage--inside-nav {
    display: block;
    margin-top: 51px
}

.toplanguage--inside-nav .toplanguage__link {
    width: auto;
    border-right: 1px solid #65748d
}

@media(min-width:992px) {
    .toplanguage--inside-nav .toplanguage__link {
        width: 60px
    }
}

.toplanguage--inside-nav .toplanguage__link::last-child {
    border: 0
}

@media(min-width:992px) {
    .toplanguage--inside-nav {
        display: none;
        margin-top: 0
    }
}

.toplanguage__item--jp {
    display: none
}

.preview-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 35px 20px
}

@media(min-width:768px) and (max-width:992px) {
    .preview-banner {
        padding: 80px 60px
    }
}

@media(min-width:992px) {
    .preview-banner {
        padding: 65px 0 80px;
        display: table-cell;
        width: 50%;
        background-size: initial;
        vertical-align: top
    }
}

.preview-banner--wedding {
    background-image: url(/images/top/bg_wedding_sp.jpg)
}

@media(min-width:992px) {
    .preview-banner--wedding {
        background-image: url(/images/top/bg_wedding.jpg);
        background-position: right
    }
}

.preview-banner--party {
    background-image: url(/images/top/bg_party_sp.jpg)
}

@media(min-width:992px) {
    .preview-banner--party {
        background-image: url(/images/top/bg_party.jpg);
        background-position: left
    }
}

.preview-banner__card {
    text-align: center
}

@media(min-width:992px) {
    .preview-banner__card {
        padding: 0 60px;
        max-width: 510px
    }
}

@media(min-width:992px) {
    .preview-banner__card--wedding {
        float: right
    }
}

@media(min-width:992px) {
    .preview-banner__card--party {
        float: left
    }
}

.preview-banner__heading {
    font-size: 35px;
    color: #303f57;
    line-height: 1.2;
    font-family: "Reem Kufi", sans-serif
}

@media(min-width:992px) {
    .preview-banner__heading {
        font-size: 50px
    }
}

.preview-banner__summary {
    font-size: 13px;
    color: #333;
    padding-top: 7px;
    padding-bottom: 20px;
    text-align: left;
    line-height: 1.481
}

@media(min-width:992px) {
    .preview-banner__summary {
        font-size: 14px;
        padding-top: 25px;
        line-height: 1.857;
        padding-bottom: 15px
    }
}

.preview-banner__button {
    line-height: 32px;
    background: #303f57;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    overflow: hidden;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    min-width: 135px;
    padding-left: 16px;
    padding-right: 24px
}

.preview-banner__button:after {
    content: "";
    position: absolute;
    height: 36px;
    background-image: url(../svg/button_arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    top: -2px;
    background-size: 100% 100%;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    right: 8px;
    width: 16px
}

@media(min-width:992px) {
    .preview-banner__button {
        line-height: 40px;
        font-size: 14px
    }

    .preview-banner__button:after {
        height: 50px;
        top: -5px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .preview-banner__button {
        min-width: 210px;
        line-height: 55px;
        font-size: 16px
    }

    .preview-banner__button:after {
        width: 40px;
        height: 60px;
        top: 50%;
        margin-top: -30px
    }
}

@media(min-width:992px) {
    .preview-banner__button {
        padding-left: 22px;
        padding-right: 30px;
        min-width: 165px
    }

    .preview-banner__button:after {
        width: 28px
    }

    .preview-banner__button:hover {
        background: #43526a
    }

    .preview-banner__button:hover:after {
        right: 0
    }
}

.scroll__top {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c1c5ce;
    position: fixed;
    bottom: 60px;
    right: -40px;
    text-align: center;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 999
}

@media(min-width:992px) {
    .scroll__top {
        width: 60px;
        height: 60px;
        bottom: 120px;
        right: -60px
    }
}

.scroll__top:before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: #2e3e59 1px solid;
    border-right: #2e3e59 1px solid;
    display: inline-block;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: 16px
}

@media(min-width:992px) {
    .scroll__top:before {
        width: 20px;
        height: 20px;
        border-width: 2px;
        top: 24px
    }
}

@media(min-width:992px) {
    .scroll__top:hover {
        background: #55657f
    }
}

.scroll__top--on {
    right: 20px
}

@media(min-width:992px) {
    .scroll__top--on {
        right: 40px
    }
}

.slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 12px
}

@media(min-width:992px) {
    .slick-dots {
        margin-top: 6px
    }
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px
}

.slick-dots li:first-child {
    margin-left: 1px
}

@media(min-width:992px) {
    .slick-dots li:first-child {
        margin-left: -10px
    }
}

.slick-dots li button {
    width: auto;
    height: auto;
    padding: 0
}

.slick-dots li button:before {
    width: 10px;
    height: 10px;
    opacity: 1;
    color: #fff;
    line-height: initial;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    display: block;
    font-size: 0;
    border-radius: 5px;
    background-color: #fff
}

.slick-dots li.slick-active button:before {
    color: #303f57;
    background-color: #303f57;
    opacity: 1
}

.welcome-heading {
    color: #fff;
    font-size: 35px;
    font-family: "Reem Kufi", sans-serif
}

@media(min-width:768px) and (max-width:992px) {
    .welcome-heading {
        font-size: 50px
    }
}

@media(min-width:992px) {
    .welcome-heading {
        font-size: 50px
    }
}

.welcome-title {
    color: #fff;
    font-size: 17px;
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    margin-top: 20px;
    white-space: nowrap;
    font-weight: 700
}

@media(min-width:768px) and (max-width:992px) {
    .welcome-title {
        font-size: 27px
    }
}

@media(min-width:992px) {
    .welcome-title {
        font-size: 25px;
        margin-top: 33px
    }
}

.welcome-content {
    color: #fff;
    font-size: 12px;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    line-height: 1.438em;
    margin-top: 20px
}

@media(min-width:992px) {
    .welcome-content {
        font-size: 14px;
        margin-top: 42px;
        max-width: 522px;
        line-height: 1.75em
    }
}

.welcome-carousel {
    margin-top: 35px
}

@media(min-width:768px) and (max-width:992px) {
    .welcome-carousel {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media(min-width:992px) {
    .welcome-carousel {
        max-width: 512px;
        margin-top: 80px
    }

    .welcome-carousel a:hover img {
        opacity: .8
    }
}

.l-detail__header {
    position: relative;
    z-index: 5
}

.detail__title {
    display: block
}

.detail__sub {
    margin-left: 3px
}

@media(min-width:992px) {
    .detail__sub {
        margin-left: 8px
    }
}

.info-article {
    position: relative;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
    padding: 40px 15px 50px;
    z-index: 3
}

@media(min-width:992px) {
    .info-article {
        position: relative;
        padding: 80px 119px;
        max-width: 1020px;
        width: 100%
    }
}

@media(min-width:768px) and (max-width:992px) {
    .info-article {
        padding: 100px 60px
    }
}

.info-article__title {
    font: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    color: #303f57;
    padding-bottom: 15px;
    font-size: 22px;
    border-bottom: 1px solid #303f57
}

@media(min-width:992px) {
    .info-article__title {
        font-size: 34px
    }
}

.info-article--privacypolicy {
    color: #666
}

.paragrap__01 {
    margin-top: 50px;
    font-size: 14px;
    line-height: 1.75em
}

.paragrap__02 {
    margin-top: 64px;
    font-size: 14px;
    line-height: 1.75em
}

.privacy__list {
    font-size: 14px;
    line-height: 1.75em
}

.privacy__list-item {
    display: block
}

.privacy__list-item .letter-space {
    letter-spacing: -1px
}

.privacy__list-item-header {
    display: block;
    font-weight: 700
}

.privacy__list-item--mt {
    margin-top: 40px
}

.privacy__list-item--disc {
    display: table
}

.privacy__list-item--disc:before {
    content: "・";
    display: table-cell;
    vertical-align: top
}

.privacy__list-paragrap-03 {
    font-size: 14px;
    line-height: 1.75em;
    padding-left: 15px
}

.faqs__item {
    margin-top: 15px
}

.faqs__item:first-child {
    margin-top: 0
}

@media(min-width:992px) {
    .faqs__item {
        margin-top: 48px
    }
}

.faq {
    line-height: 1.8em;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size: 13px
}

@media(min-width:768px) and (max-width:992px) {
    .faq {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .faq {
        font-size: 14px
    }
}

.faq__question {
    font-weight: 700;
    color: #303f57
}

.faq__question:before {
    font-family: "Reem Kufi", sans-serif;
    display: table-cell;
    content: 'Q';
    padding-right: 25px
}

.faq__question span {
    display: table-cell
}

.faq__answer {
    color: #696969;
    margin-top: 5px
}

.faq__answer:before {
    font-family: "Reem Kufi", sans-serif;
    display: table-cell;
    content: 'A';
    padding-right: 25px
}

.faq__answer>div {
    display: table-cell
}

@media(min-width:992px) {
    .faq__answer {
        margin-top: 7px
    }
}

.faq__answer aside {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.75em
}

@media(min-width:992px) {
    .faq__answer aside {
        font-size: 12px;
        margin-top: 10px
    }
}

.faq-nav-links__item {
    display: block;
    padding: 15px 0
}

@media(min-width:992px) {
    .faq-nav-links__item {
        display: inline-block;
        padding: 0;
        margin-right: 35px;
        margin-bottom: 10px
    }

    .faq-nav-links__item:last-child {
        margin-right: 0
    }
}

.faq-nav-links__item:before {
    font-family: FontAwesome;
    content: "\f107";
    margin-right: 5px;
    color: #303f57;
    font-size: 18px
}

@media(min-width:992px) {
    .faq-nav-links__item:before {
        margin-right: 5px;
        color: #303f57;
        font-size: 18px
    }
}

.faq-nav-link {
    display: inline-block;
    text-decoration: underline;
    color: #02156a;
    font-size: 18px
}

@media(min-width:992px) {
    .faq-nav-link {
        font-size: 14px
    }
}

.card--company-info {
    color: #666
}

@media(min-width:992px) {
    .card--company-info {
        padding: 74px 119px 80px
    }
}

.card--company-info .mce-content-body h2 {
    padding-bottom: 10px;
    font-size: 22px;
    border-bottom: 1px solid #303f57;
    color: #303f57;
    margin-bottom: 35px;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif
}

@media(min-width:768px) and (max-width:992px) {
    .card--company-info .mce-content-body h2 {
        font-size: 34px
    }
}

@media(min-width:992px) {
    .card--company-info .mce-content-body h2 {
        font-size: 34px;
        padding-bottom: 9px;
        padding-bottom: 15px;
        margin-bottom: 67px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .card--company-info .mce-content-body dl {
        font-size: 16px;
        line-height: 26px
    }
}

.card--company-info h3 {
    font-size: 18px;
    font-weight: 700
}

.card--company-info dl {
    margin-top: 23px;
    font-size: 13px;
    line-height: 1.481
}

@media(min-width:992px) {
    .card--company-info dl {
        font-size: 14px;
        line-height: 1.857
    }
}

.card--company-info dl dt {
    width: 85px;
    float: left
}

@media(min-width:992px) {
    .card--company-info dl dt {
        width: 175px
    }
}

.card--company-info dl dd {
    margin-left: 85px;
    overflow: hidden
}

@media(min-width:992px) {
    .card--company-info dl dd {
        margin-left: 182px
    }
}

@media(min-width:992px) {
    .card--company-group {
        padding: 87px 119px 80px
    }
}

.company-groups__title {
    font-size: 15px;
    font-weight: 700
}

@media(min-width:768px) and (max-width:992px) {
    .company-groups__title {
        font-size: 20px
    }
}

@media(min-width:992px) {
    .company-groups__title {
        font-size: 18px
    }
}

.company-group__title {
    font-size: 14px;
    line-height: 1.429;
    border-bottom: 1px solid #696969;
    margin-bottom: 10px;
    padding-bottom: 8px;
    position: relative;
    padding-left: 15px
}

@media(min-width:768px) and (max-width:992px) {
    .company-group__title {
        font-size: 18px
    }
}

@media(min-width:992px) {
    .company-group__title {
        font-size: 16px;
        line-height: 1.625;
        padding-left: 20px
    }
}

.company-group__content p {
    font-size: 13px;
    line-height: 1.481
}

@media(min-width:992px) {
    .company-group__content p {
        font-size: 14px;
        line-height: 1.9
    }
}

.company-groups {
    margin-top: 8px
}

@media(min-width:768px) and (max-width:992px) {
    .company-groups .company-group__item:nth-child(odd) {
        padding-right: 25px
    }

    .company-groups .company-group__item:nth-child(even) {
        padding-left: 25px
    }
}

@media(min-width:992px) {
    .company-groups {
        margin-left: -25px;
        margin-right: -25px
    }
}

.company-group__item {
    padding-top: 25px
}

@media(min-width:768px) and (max-width:992px) {
    .company-group__item {
        width: 50%;
        float: left
    }
}

@media(min-width:992px) {
    .company-group__item {
        width: 50%;
        float: left;
        padding: 25px
    }
}

.company-group__link {
    color: #fff;
    text-decoration: none;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.company-group__link:hover {
    color: #828b9d
}

.company-group__link:hover:before {
    border-color: transparent transparent transparent #828b9d
}

.company-group__link:before {
    content: '';
    border-width: 3px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    width: 0;
    display: inline-block;
    vertical-align: top;
    top: 6px;
    position: absolute;
    left: 0;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width:992px) {
    .company-group__link:before {
        top: 7px;
        border-width: 4px 7px
    }
}

.news__list {
    overflow: hidden;
    *zoom: 1;
    width: 100%
}

.news__filter {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: 40px;
    margin-bottom: 30px;
    background: #eaeaeb url(../svg/arrow_down_navy.svg) no-repeat right 15px center;
    height: 30px;
    width: 100%;
    font-size: 16px;
    color: #696969;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-left: 15px;
    padding-right: 25px
}

.news__filter:active,
.news__filter:focus {
    outline: 0
}

.news__filter::-ms-expand {
    display: none
}

.news__term {
    border-top: 1px solid #ccc
}

.news__term:last-child {
    border-bottom: 1px solid #ccc
}

@media(min-width:992px) {
    .news__filter {
        float: right;
        font-size: 14px;
        padding-left: 10px;
        width: auto;
        min-width: 200px;
        background-position: right 10px center;
        margin-top: 70px;
        margin-bottom: 40px
    }
}

.news-item__image {
    float: left;
    width: 31.03448%;
    margin-top: 4px
}

.news-item__content {
    float: left;
    padding-left: 25px;
    width: 68.96552%
}

.news-item__header-info {
    overflow: hidden;
    *zoom: 1
}

.news-item__date {
    font-size: 12px;
    color: #696969;
    font-family: "Reem Kufi", sans-serif
}

.news-item__label {
    color: #2c3684;
    font-size: 11px;
    font-family: "Reem Kufi", sans-serif;
    font-weight: 400
}

.news-item__tag {
    min-width: 75px;
    color: #fff;
    font-size: 10px;
    line-height: 17px;
    background-color: #303f57;
    display: inline-block;
    float: right;
    text-align: center
}

.news-item__description {
    font-size: 10px;
    line-height: 1.7em;
    color: #696969;
    margin-top: 8px
}

.news-item__link {
    display: block;
    padding: 16px 0 19px;
    overflow: hidden;
    *zoom: 1
}

@media(min-width:768px) {
    .news-item__image {
        width: 23.07692%;
        margin-top: 0
    }

    .news-item__content {
        width: 76.92308%;
        padding-left: 40px
    }

    .news-item__date {
        font-size: 16px
    }

    .news-item__label {
        font-size: 14px
    }

    .news-item__tag {
        min-width: 80px
    }

    .news-item__description {
        font-size: 14px;
        margin-top: 15px
    }

    .news-item__link {
        padding: 30px 0;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .news-item__link:hover {
        opacity: .8;
        background-color: #eeeffc
    }
}

.news-detail {
    margin-top: 30px
}

.news-detail__content {
    color: #696969;
    font-size: 13px;
    margin-top: 20px
}

.news-detail__content .heading {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.41667em;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    display: inline-block
}

.news-detail__content p {
    margin-bottom: 22px
}

.news-detail__content figure {
    margin-bottom: 30px
}

.news-detail__content figure img {
    width: auto;
    max-width: 100%
}

@media(min-width:992px) {
    .news-detail {
        margin-top: 70px
    }

    .news-detail__content {
        font-size: 14px;
        margin-top: 28px
    }

    .news-detail__content .heading {
        font-size: 18px;
        line-height: 1.8em
    }

    .news-detail__content p {
        margin-bottom: 38px
    }

    .news-detail__content figure {
        margin-bottom: 43px
    }
}

@media(min-width:992px) {
    .news-articles {
        background-image: url(../images/information/news_bg.jpg);
        background-repeat: no-repeat;
        background-size: auto;
        background-attachment: fixed;
        background-position: center 75px
    }
}

@media(min-width:992px) {
    .is--tablet .news-articles {
        padding-bottom: 48.7%;
        background-image: url(/images/sitemap/sitemap_bg.jpg);
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-color: #eeeffc;
        background-attachment: scroll;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 60px
    }
}

.pagination {
    margin-top: 40px;
    margin-bottom: 10px
}

.pagination__list {
    text-align: center;
    font-size: 0
}

.pagination__list--news-detail {
    padding-left: 85px;
    padding-right: 85px;
    position: relative
}

.pagination__direction {
    display: inline-block;
    position: relative;
    top: -1px;
    vertical-align: middle
}

.pagination__direction a {
    font-size: 12px;
    line-height: 1;
    color: #303f57;
    text-decoration: none;
    font-family: "Reem Kufi", sans-serif;
    position: relative;
    display: inline-block
}

.pagination__direction a:before {
    content: "";
    font-family: icomoon;
    position: absolute;
    top: 0;
    font-size: 10px;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pagination__direction--prev {
    margin-right: 28px;
    left: 0
}

.pagination__direction--prev a {
    padding-left: 20px
}

.pagination__direction--prev a:before {
    content: "\e901";
    left: 0
}

.pagination__direction--next {
    margin-left: 28px;
    right: 0
}

.pagination__direction--next a {
    padding-right: 20px
}

.pagination__direction--next a:before {
    content: "\e902";
    right: 0
}

.pagination__direction--news-detail {
    position: absolute;
    top: 12px
}

.pagination__item {
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
    vertical-align: middle
}

.pagination__item a,
.pagination__item span {
    font-size: 16px;
    color: #303f57;
    border: 1px solid #303f57;
    line-height: 28px;
    height: 30px;
    width: 30px;
    display: block;
    text-decoration: none;
    font-family: "Reem Kufi", sans-serif;
    vertical-align: top
}

.pagination__item--current span {
    background-color: #303f57;
    color: #fff
}

.pagination__back-button a {
    font-size: 13px;
    color: #fff;
    line-height: 35px;
    background: #303f57;
    width: 120px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent
}

.pagination--news-detail {
    margin-top: 46px;
    margin-bottom: 25px
}

@media(min-width:768px) {
    .pagination {
        margin-top: 52px;
        margin-bottom: 0
    }

    .pagination__item {
        margin-left: 5px;
        margin-right: 5px
    }

    .pagination__item a {
        font-size: 20px;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .pagination__item a:hover {
        background-color: #303f57;
        color: #fff
    }

    .pagination__direction {
        top: 2px
    }

    .pagination__direction a {
        font-size: 16px;
        line-height: 2;
        display: block;
        height: 30px
    }

    .pagination__direction a:before {
        top: 0;
        line-height: 30px
    }

    .pagination__direction--prev {
        margin-right: 30px
    }

    .pagination__direction--prev a:before {
        -moz-transition: left .2s;
        -o-transition: left .2s;
        -webkit-transition: left .2s;
        transition: left .2s
    }

    .pagination__direction--prev a:hover:before {
        left: -10px
    }

    .pagination__direction--next {
        margin-left: 30px
    }

    .pagination__direction--next a:before {
        -moz-transition: right .2s;
        -o-transition: right .2s;
        -webkit-transition: right .2s;
        transition: right .2s
    }

    .pagination__direction--next a:hover:before {
        right: -10px
    }

    .pagination__direction--news-detail {
        top: 4px
    }

    .pagination__back-button a {
        width: 130px;
        font-size: 14px;
        line-height: 40px;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .pagination__back-button a:hover {
        background: #43526a;
        color: #fff
    }

    .pagination--news-detail {
        margin-top: 89px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .pagination__direction a:before {
        top: -1.5px
    }
}

.restaurant-scroll {
    overflow: hidden;
    *zoom: 1
}

.restaurant-scroll__item {
    width: 100%;
    display: block
}

.restaurant-scroll__item a {
    text-decoration: none;
    display: block;
    line-height: 70px;
    font-size: 23px;
    font-family: "Reem Kufi", sans-serif;
    padding-left: 15px;
    padding-right: 30px;
    position: relative;
    background-repeat: repeat;
    background-position: center center
}

.restaurant-scroll__item a em {
    font-size: 11px;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    margin-left: 20px
}

.restaurant-scroll__item a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 30px;
    width: 15.5px;
    height: 9.5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.restaurant-scroll__item--ocean a {
    color: #fff;
    background-image: url(../images/restaurant/sp_bg_pattern02.jpg)
}

.restaurant-scroll__item--ocean a:after {
    background-image: url(../svg/angle_down_white.svg)
}

.restaurant-scroll__item--island a {
    color: #303f57;
    background-image: url(../images/restaurant/sp_bg_pattern03.jpg)
}

.restaurant-scroll__item--island a:after {
    background-image: url(../svg/angle_down_navy.svg)
}

@media(min-width:768px) and (max-width:992px) {
    .restaurant-scroll__item {
        width: 50%;
        float: left
    }

    .restaurant-scroll__item a {
        line-height: 110px;
        height: 110px;
        font-size: 22px;
        opacity: 1;
        -moz-transition: opacity .3s;
        -o-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .restaurant-scroll__item a em {
        font-size: 14px;
        margin-left: 26px;
        margin-right: 26px;
        position: relative;
        top: -5px
    }

    .restaurant-scroll__item a:after {
        width: 21px;
        height: 14px;
        position: relative;
        display: inline-block;
        top: -6px;
        right: -6px;
        -moz-animation: arrowUp .6s forwards;
        -webkit-animation: arrowUp .6s forwards;
        animation: arrowUp .6s forwards
    }

    .restaurant-scroll__item a:hover {
        -moz-transition: opacity .3s;
        -o-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        opacity: .8
    }

    .restaurant-scroll__item a:hover:after {
        -moz-animation: arrowDown .6s forwards;
        -webkit-animation: arrowDown .6s forwards;
        animation: arrowDown .6s forwards
    }

    .restaurant-scroll__item--ocean {
        text-align: right
    }

    .restaurant-scroll__item--island a {
        padding-left: 38px
    }

    .restaurant-scroll__item--island a em {
        margin-right: 11px
    }
}

@media(min-width:992px) {
    .restaurant-scroll__item {
        width: 50%;
        float: left
    }

    .restaurant-scroll__item a {
        line-height: 110px;
        height: 110px;
        font-size: 40px;
        -moz-transition: opacity .3s;
        -o-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        opacity: 1
    }

    .restaurant-scroll__item a em {
        font-size: 14px;
        margin-left: 51px;
        margin-right: 26px;
        position: relative;
        top: -5px
    }

    .restaurant-scroll__item a:after {
        width: 31px;
        height: 19px;
        position: relative;
        display: inline-block;
        top: -6px;
        right: -6px;
        -moz-animation: arrowUp .6s forwards;
        -webkit-animation: arrowUp .6s forwards;
        animation: arrowUp .6s forwards
    }

    .restaurant-scroll__item a:hover {
        -moz-transition: opacity .3s;
        -o-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        opacity: .8
    }

    .restaurant-scroll__item a:hover:after {
        -moz-animation: arrowDown .6s forwards;
        -webkit-animation: arrowDown .6s forwards;
        animation: arrowDown .6s forwards
    }

    .restaurant-scroll__item--ocean {
        text-align: right
    }

    .restaurant-scroll__item--island a {
        padding-left: 38px
    }

    .restaurant-scroll__item--island a em {
        margin-right: 11px
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .restaurant-scroll__item a {
        display: table;
        width: 100%
    }

    .restaurant-scroll__item a em,
    .restaurant-scroll__item a:after {
        display: table-cell
    }
}

@-moz-keyframes arrowDown {
    0 {
        opacity: 1;
        top: -6px
    }

    50% {
        opacity: 0;
        top: 10px
    }

    60% {
        top: -6px;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes arrowDown {
    0 {
        opacity: 1;
        top: -6px
    }

    50% {
        opacity: 0;
        top: 10px
    }

    60% {
        top: -6px;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes arrowDown {
    0 {
        opacity: 1;
        top: -6px
    }

    50% {
        opacity: 0;
        top: 10px
    }

    60% {
        top: -6px;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes arrowUp {
    0 {
        opacity: 0;
        top: -22px
    }

    100% {
        top: -6px;
        opacity: 1
    }
}

@-webkit-keyframes arrowUp {
    0 {
        opacity: 0;
        top: -22px
    }

    100% {
        top: -6px;
        opacity: 1
    }
}

@keyframes arrowUp {
    0 {
        opacity: 0;
        top: -22px
    }

    100% {
        top: -6px;
        opacity: 1
    }
}

.sitemap,
.sitemap--mt {
    margin-top: 0
}

@media(min-width:992px) {
    .sitemap {
        margin-top: 50px
    }
}

@media(min-width:992px) {
    .sitemap--mt {
        margin-top: 45px
    }
}

.sitemap--full-mt {
    margin-top: 43px;
    margin-bottom: 40px
}

@media(min-width:992px) {
    .sitemap--full-mt {
        margin-bottom: 0
    }
}

@media(min-width:992px) {

    .sitemap--full-mt.sitemap .sitemap__item:nth-child(even),
    .sitemap--full-mt.sitemap .sitemap__item:nth-child(odd) {
        width: auto;
        float: none
    }
}

@media(min-width:992px) {
    .sitemap .sitemap__item:nth-child(odd) {
        max-width: 371px;
        float: left;
        width: 48%
    }

    .sitemap .sitemap__item:nth-child(even) {
        max-width: 371px;
        float: right;
        width: 48%
    }
}

.sitemap__item {
    display: block
}

.sitemap__item-link {
    color: #02156a;
    text-decoration: none !important;
    line-height: 40px;
    display: block;
    font-size: 14px
}

.sitemap__item-link:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 7px solid #02156a;
    border-bottom: 4px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -3px
}

@media(min-width:992px) {
    .sitemap__item-link {
        line-height: 40px;
        padding-left: 20px;
        text-decoration: none !important;
        -moz-transition: .2s;
        -o-transition: .2s;
        -webkit-transition: .2s;
        transition: .2s
    }

    .sitemap__item-link:hover {
        cursor: pointer;
        color: #696969
    }

    .sitemap__item-link:hover:before {
        border-left: 7px solid #696969
    }
}

.sitemap__item--underline {
    border-bottom: solid 1px #eaebee
}

.sitemap__item--underline .sitemap__item-link {
    font-size: 16px;
    line-height: 50px
}

@media(min-width:992px) {
    .sitemap__item--underline .sitemap__item-link {
        font-size: 18px;
        line-height: 59px
    }
}

#map_canvas {
    height: 340px;
    width: 100%
}

@media(min-width:768px) and (max-width:992px) {
    #map_canvas {
        height: 600px
    }
}

@media(min-width:992px) {
    #map_canvas {
        height: 600px
    }
}

.kouri-place__list {
    padding-top: 19px
}

@media(min-width:992px) {
    .kouri-place__list {
        padding-top: 0
    }
}

.kouri-place__item {
    margin-bottom: 50px
}

@media(min-width:992px) {
    .kouri-place__item {
        margin-bottom: 100px
    }
}

.kouri-place__item:last-child {
    margin-bottom: 0
}

.kouri-place__title {
    font-size: 18px;
    color: #303f57;
    line-height: 1.278;
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    padding-bottom: 10px
}

@media(min-width:768px) and (max-width:992px) {
    .kouri-place__title {
        font-size: 26px
    }
}

@media(min-width:992px) {
    .kouri-place__title {
        font-size: 26px;
        line-height: 1.038;
        padding-bottom: 20px
    }
}

@media(min-width:992px) {
    .kouri-place__info {
        float: left;
        width: 51.28205%
    }
}

.kouri-place__img {
    margin-top: 14px
}

@media(min-width:992px) {
    .kouri-place__img {
        float: right;
        width: 43.58974%;
        margin-top: 0
    }
}

.kouri-place__index {
    background: #303f57;
    font-family: "Reem Kufi", sans-serif;
    font-size: 15px;
    color: #fff;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    position: relative;
    display: inline-block;
    margin-right: 5px
}

@media(min-width:768px) and (max-width:992px) {
    .kouri-place__index {
        font-size: 23px;
        line-height: 38px;
        width: 38px;
        height: 38px
    }
}

@media(min-width:992px) {
    .kouri-place__index {
        font-size: 26px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 9px
    }
}

.kouri-place__index:after {
    content: '';
    display: block;
    width: 0;
    border-width: 5px 3px;
    border-style: solid;
    border-color: #303f57 transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -2.5px
}

@media(min-width:992px) {
    .kouri-place__index:after {
        border-width: 10px 5px;
        margin-left: -5px
    }
}

.kouri-place__description {
    border-top: 1px solid #696969;
    padding-top: 14px
}

@media(min-width:992px) {
    .kouri-place__description {
        padding-top: 18px
    }
}

.kouri-map__ballon {
    white-space: nowrap;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    padding: 14px 10px 10px
}

.kouri-map__text {
    color: #2c3684;
    font-size: 13px;
    text-decoration: none
}

@media(min-width:768px) and (max-width:992px) {
    .kouri-map__text {
        font-size: 16px
    }
}

.facility-google-map {
    width: 100%;
    height: 330px
}

@media(min-width:992px) {
    .facility-google-map {
        height: 480px
    }
}

.loading {
    position: fixed;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    z-index: 10000;
    background: #fff
}

.loading__wrap {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px
}

.loading__circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

.loading__circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #303f57;
    border-radius: 50%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.loading__circle--2 {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.loading__circle--2:before {
    -moz-animation-delay: -1s;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.loading__circle--3 {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.loading__circle--3:before {
    -moz-animation-delay: -.9s;
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.loading__circle--4 {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.loading__circle--4:before {
    -moz-animation-delay: -.8s;
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.loading__circle--5 {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.loading__circle--5:before {
    -moz-animation-delay: -.7s;
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.loading__circle--6 {
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.loading__circle--6:before {
    -moz-animation-delay: -.6s;
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.loading__circle--7 {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.loading__circle--7:before {
    -moz-animation-delay: -.5s;
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.loading__circle--8 {
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.loading__circle--8:before {
    -moz-animation-delay: -.4s;
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

@-moz-keyframes sk-circleBounceDelay {

    0,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes sk-circleBounceDelay {

    0,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {

    0,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.l-breadcrumb-nav {
    background-color: #eaeaeb;
    padding: 0 15px
}

@media(min-width:992px) {
    .l-breadcrumb-nav {
        padding: 0 20px
    }
}

.l-main-w-top-nav {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-top: 45px
}

@media(min-width:768px) {
    .l-main-w-top-nav {
        margin-top: 80px
    }
}

@media(min-width:992px) {
    .l-main-w-top-nav {
        margin-top: 100px
    }
}

.is--tablet .l-main-w-top-nav {
    background-attachment: scroll
}

.footer {
    padding: 50px 0 30px;
    background: url(/images/share/footer_illust.png) no-repeat right bottom #2e3e59;
    text-align: center;
    background-size: 600px 54px;
    color: #fff
}

@media(min-width:992px) {
    .footer {
        background-position: right bottom;
        background-size: auto auto
    }
}

.footer__wrap {
    margin-left: 30px;
    margin-right: 30px
}

@media(min-width:992px) {
    .footer__wrap {
        max-width: 605px;
        margin: 0 auto
    }
}

.footer__logo--image {
    width: 100%;
    max-width: 235px
}

@media(min-width:768px) and (max-width:992px) {
    .footer__logo--image {
        max-width: 354px
    }
}

@media(min-width:992px) {
    .footer__logo--image {
        max-width: 354px
    }
}

.footer__business {
    margin-top: 40px
}

@media(min-width:992px) {
    .footer__business {
        margin-top: 54px
    }
}

.footer__business--heading {
    border-bottom: 1px solid #8592a6;
    padding-bottom: 8px;
    margin-bottom: 15px;
    font-size: 12px
}

@media(min-width:768px) and (max-width:992px) {
    .footer__business--heading {
        font-size: 15px
    }
}

@media(min-width:992px) {
    .footer__business--heading {
        font-size: 14px;
        padding-bottom: 12px;
        margin-bottom: 20px
    }
}

.footer__business--time {
    display: block;
    margin-bottom: 10px;
    font-size: 13px
}

@media(min-width:768px) and (max-width:992px) {
    .footer__business--time {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .footer__business--time {
        font-size: 16px
    }
}

.footer__business--tel {
    color: #fff;
    text-decoration: none;
    font-size: 12px
}

@media(min-width:768px) and (max-width:992px) {
    .footer__business--tel {
        font-size: 14px
    }
}

@media(min-width:992px) {
    .footer__business--tel {
        font-size: 14px
    }
}

.footer__business--tel a {
    color: #fff
}

@media(min-width:992px) {
    .footer__business--tel a:hover {
        color: #fff
    }
}

.footer__menu {
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px
}

@media(min-width:768px) and (max-width:992px) {
    .footer__menu {
        margin-top: 64px;
        margin-bottom: 30px
    }
}

@media(min-width:992px) {
    .footer__menu {
        white-space: nowrap;
        margin-top: 64px
    }
}

.footer__menu--item {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.2;
    margin-bottom: 14px
}

.footer__menu--link {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

@media(min-width:768px) and (max-width:992px) {
    .footer__menu--link {
        font-size: 14px
    }
}

@media(min-width:992px) {
    .footer__menu--link {
        font-size: 14px
    }
}

@media(min-width:992px) {
    .footer__menu--link:hover {
        color: #828b9d
    }
}

.footer__guide {
    margin: 0 -15px 30px
}

@media(min-width:992px) {
    .footer__guide {
        margin: 0 0 60px
    }
}

.footer__tripadvisor {
    text-align: center;
    display: inline-block;
    max-width: 91px;
    min-width: 91px;
    width: 28.44%;
    vertical-align: middle;
    margin: 0
}

.footer__tripadvisor .TA_socialButtonBubbles {
    margin-top: 15px;
    display: inline-block
}

@media(min-width:992px) {
    .footer__tripadvisor {
        width: 120px;
        max-width: none;
        margin: 0 25px
    }
}

.footer__mice {
    text-align: center;
    display: inline-block;
    max-width: 170px;
    min-width: 170px;
    width: 53.13%;
    vertical-align: middle;
    margin: 0 0 0 24px
}

.footer__mice>img {
    margin-bottom: 48px
}

@media(min-width:992px) {
    .footer__mice {
        width: 300px;
        max-width: none;
        margin: 0 25px
    }
}

.footer__chura {
    width: 69%;
    margin: 30px auto 0;
}

@media(min-width:992px) {
    .footer__chura {
        width: 372px;
        max-width: none;
        margin: 30px auto 0;
    }
}

.footer__sns {
    font-size: 0;
    margin: 25px 0
}

@media(min-width:992px) {
    .footer__sns {
        margin: 30px 0 35px
    }
}

.footer__button--about {
    min-width: 160px;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #43526a;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin-top: 17px
}

@media(min-width:992px) {
    .footer__button--about {
        min-width: 300px;
        font-size: 14px;
        line-height: 50px
    }

    .footer__button--about:hover {
        background: #43526a
    }
}

.footer__button--about:before {
    content: '';
    display: inline-block;
    margin-right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #fff
}

@media(min-width:768px) and (max-width:992px) {
    .footer__button--about {
        font-size: 14px;
        min-width: 300px;
        line-height: 48px
    }

    .footer__button--about:before {
        margin-right: 11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4.5px 0 4.5px 7px;
        border-color: transparent transparent transparent #fff
    }
}

@media(min-width:992px) {
    .footer__button--about {
        margin-top: 27px
    }

    .footer__button--about:before {
        margin-right: 11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4.5px 0 4.5px 7px;
        border-color: transparent transparent transparent #fff
    }
}

.footer__button--fb,
.footer__button--ig {
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 1px solid #43526a;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    margin: 0 10px
}

@media(min-width:992px) {

    .footer__button--fb,
    .footer__button--ig {
        width: 42px;
        height: 42px;
        line-height: 1
    }
}

@media(min-width:992px) {

    .footer__button--fb:hover,
    .footer__button--ig:hover {
        background-color: #43526a
    }
}

.footer__copyright {
    margin-top: 15px;
    font-size: 12px;
    color: #8592a6;
    font-family: "Reem Kufi", sans-serif
}

@media(min-width:992px) {
    .footer__copyright {
        font-size: 14px;
        margin-top: 25px
    }
}

.footer .widget-tripadvisor {
    text-align: center
}

.footer .widget-tripadvisor .TA_certificateOfExcellence {
    display: inline-block
}

.is-top .l-top-keyvisual {
    position: relative;
    overflow: hidden;
    padding-bottom: 160%
}

@media(min-width:992px) {
    .is-top .l-top-keyvisual {
        padding-bottom: 45%
    }
}

.is-top .l-top-preview-content {
    position: relative
}

.is-top .l-top-preview-content:after {
    display: table;
    content: '';
    clear: both
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--tower {
        display: block;
        position: relative;
        top: -62px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--tower .l-card {
        display: table-cell;
        position: relative;
        z-index: 2
    }
}

.is-top .l-top-preview-content--tower .l-img {
    position: relative;
    display: table;
    margin-right: -10px;
    margin-left: -10px;
    border-collapse: collapse;
    outline: 0;
    font-size: 0
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--tower .l-img {
        width: auto;
        margin-right: 0;
        margin-left: 0;
        position: relative;
        display: table-cell;
        vertical-align: bottom
    }
}

.is-top .l-top-preview-content--tower .l-img1 {
    position: relative;
    width: 40%;
    display: table-cell;
    z-index: 2;
    left: 0
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--tower .l-img1 {
        display: table-cell;
        vertical-align: bottom;
        position: relative;
        z-index: 1;
        left: 0;
        bottom: 110px
    }
}

.is-top .l-top-preview-content--tower .l-img2 {
    position: relative;
    width: 60%;
    display: table-cell
}

.is-top .l-top-preview-content--tower .l-img2>img {
    position: relative;
    top: 20px
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--tower .l-img2 {
        float: right;
        z-index: 3;
        display: block;
        position: absolute;
        top: auto;
        bottom: -210px;
        width: 600px;
        right: 260px;
        margin-bottom: auto
    }

    .is-top .l-top-preview-content--tower .l-img2>img {
        position: static;
        top: 0
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--museum {
        z-index: 2;
        display: block;
        position: relative;
        top: 204px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--museum .l-card {
        display: table-cell;
        float: right
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--museum .l-card .preview-article {
        margin-bottom: 165px
    }
}

.is-top .l-top-preview-content--museum .l-card .preview-article__title {
    font-size: 30px
}

@media(min-width:768px) and (max-width:992px) {
    .is-top .l-top-preview-content--museum .l-card .preview-article__title {
        font-size: 50px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--museum .l-card .preview-article__title {
        font-size: 50px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--museum .l-card .preview-article__button {
        margin-top: 85px;
        min-width: 495px
    }
}

.is-top .l-top-preview-content--museum .l-img1 {
    position: relative;
    width: 65.625%;
    float: right
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--museum .l-img1 {
        display: table-cell;
        position: relative;
        float: none;
        width: 100%;
        top: -60px
    }
}

.is-top .l-top-preview-content--restaurant:before {
    position: absolute;
    height: 320px;
    width: 100%;
    top: -250px;
    left: 0;
    content: ' ';
    background-image: url(/images/top/bg_restaurant.png);
    background-repeat: no-repeat;
    background-size: 320px 320px;
    background-position: center top
}

@media(min-width:768px) and (max-width:992px) {
    .is-top .l-top-preview-content--restaurant:before {
        height: 640px;
        top: -530px;
        background-size: cover
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--restaurant:before {
        display: none
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--restaurant {
        position: relative;
        display: table;
        top: 418px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--restaurant .l-card {
        display: table-cell;
        position: relative;
        z-index: 2
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--restaurant .l-card .preview-article {
        margin-bottom: 170px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--restaurant .l-card .preview-article__button {
        margin-top: 90px;
        min-width: 460px
    }
}

.is-top .l-top-preview-content--restaurant .l-img1 {
    position: relative;
    width: 79.6875%;
    left: -10px
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--restaurant .l-img1 {
        position: absolute;
        width: 510px;
        top: -234px;
        left: 0
    }
}

.is-top .l-top-preview-content--restaurant .l-img2 {
    width: 79.6875%;
    float: right;
    position: relative;
    right: -10px
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--restaurant .l-img2 {
        display: table-cell;
        float: none;
        right: 0;
        width: auto;
        vertical-align: bottom
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--shop {
        display: block
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--shop .l-card {
        display: table-cell;
        float: right
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--shop .l-card .preview-article {
        margin-bottom: 170px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--shop .l-card .preview-article__button {
        margin-top: 90px;
        min-width: 460px
    }
}

.is-top .l-top-preview-content--shop .l-card .preview-article__body {
    margin-top: 28px
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--shop .l-card .preview-article__body {
        margin-top: 26px
    }
}

.is-top .l-top-preview-content--shop .l-img1 {
    width: 67%;
    position: relative;
    left: 0;
    margin: initial
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--shop .l-img1 {
        display: table-cell;
        padding-left: 110px;
        vertical-align: top;
        top: 100px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--facility {
        position: relative
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--facility .l-card .preview-article {
        margin-bottom: 148px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--facility .l-card .preview-article__button {
        margin-top: 68px;
        min-width: 460px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview-content--facility .l-card .preview-article__body {
        margin-top: 30px
    }
}

.is-top .l-top-preview {
    position: relative;
    background-color: #696969;
    height: auto;
    padding: 30px 10px;
    background-attachment: scroll
}

@media(min-width:768px) and (max-width:992px) {
    .is-top .l-top-preview {
        padding: 90px 60px 100px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview {
        background-attachment: fixed;
        padding: 0 20px
    }
}

.is-top .l-top-preview--tower {
    background-color: #f7f7f7;
    height: auto;
    background-image: url(/images/tower/tab_bg_pattern01.jpg);
    background-size: 200px 200px;
    padding: 30px 10px 57px
}

@media(min-width:768px) and (max-width:992px) {
    .is-top .l-top-preview--tower {
        padding: 60px 60px 100px;
        background-size: 400px 400px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview--tower {
        background-image: url(/images/tower/tab_bg_pattern01.jpg);
        background-size: auto auto;
        padding: 0 20px 200px
    }
}

.is-top .l-top-preview--museum {
    background-image: url(/images/top/bg_shell_sp.jpg);
    background-size: cover;
    background-position: center
}

@media(min-width:992px) {
    .is-top .l-top-preview--museum {
        background-image: url(/images/top/bg_shell.jpg);
        background-size: auto;
        background-position: center;
        padding: 0 20px 122px
    }
}

.is-top .l-top-preview--restaurant {
    overflow: hidden;
    padding: 210px 10px 30px;
    background-image: url(/images/top/bg_pattern.jpg);
    background-size: 200px 200px
}

@media(min-width:768px) and (max-width:992px) {
    .is-top .l-top-preview--restaurant {
        padding: 460px 60px 50px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview--restaurant {
        background-image: url(/images/top/bg_restaurant.jpg);
        background-size: auto;
        background-position: center;
        padding: 0 20px 560px
    }
}

.is-top .l-top-preview--shop {
    background-image: url(/images/top/bg_shop.jpg), url(/images/shop/sp_bg_pattern01.jpg);
    background-size: 100% auto, 200px 200px;
    background-position: center bottom, top center;
    background-repeat: no-repeat, repeat;
    padding-top: 30px;
    padding-bottom: 56.25%
}

@media(min-width:768px) and (max-width:992px) {
    .is-top .l-top-preview--shop {
        padding-top: 75px
    }
}

@media(min-width:992px) {
    .is-top .l-top-preview--shop {
        background-image: url(/images/top/bg_shop.jpg);
        background-size: auto;
        background-position: center;
        padding-top: 0;
        padding-bottom: 0
    }
}

.is-top .l-top-preview--facility {
    background-image: url(/images/top/bg_facility.jpg), url(/images/facility/tab_bg_pattern01.jpg);
    background-size: 100% auto, 400px 400px;
    background-position: center bottom, top center;
    background-repeat: no-repeat, repeat;
    padding-top: 40px;
    padding-bottom: 53.33%
}

@media(min-width:992px) {
    .is-top .l-top-preview--facility {
        background-image: url(/images/top/bg_facility.jpg);
        background-size: auto;
        background-position: center;
        padding-top: 0;
        padding-bottom: 0
    }
}

.is-top .l-top-welcome {
    padding: 67px 15px 52.97%;
    background: url(../images/top/bg_welcome_sp.jpg) no-repeat bottom center #3c77ce;
    background-size: 100% auto
}

.is-top .l-top-welcome--has-nav {
    padding-top: 139px;
}

@media(min-width:768px) and (max-width:992px) {
    .is-top .l-top-welcome {
        padding: 127px 60px 52.97%
    }
}

@media(min-width:992px) {
    .is-top .l-top-welcome {
        padding: 95px 20px 116px;
        background: url(../images/top/bg_welcome.jpg) no-repeat center center;
        background-size: auto;
        background-attachment: fixed
    }
}

@media(min-width:1060px) {
    .is-top .l-top-welcome {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:992px) {
    .is-top .l-top-banner {
        display: table;
        width: 100%;
        padding: 70px 0;
        background-image: url(/images/share/pattern02.jpg)
    }
}

.is-top .l-top__header-news {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
}

@media(min-width:992px) {
    .is-top .l-top__header-news {
        width: auto
    }
}

@media(min-width:992px) {

    .is-top.is--tablet .l-top-preview,
    .is-top.is--tablet .l-top-welcome {
        background-attachment: scroll
    }

    .is-top.is--tablet .l-top-preview--shop {
        background-image: url(/images/top/bg_shop.jpg), url(/images/shop/sp_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-top: 30px;
        padding-bottom: 53.33%
    }

    .is-top.is--tablet .l-top-preview--facility {
        background-image: url(/images/top/bg_facility.jpg), url(/images/facility/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-top: 40px;
        padding-bottom: 53.33%
    }
}

.l-detail {
    position: relative;
    background-color: #e9e9e9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 10px
}

@media(min-width:992px) {
    .l-detail {
        background-attachment: fixed
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail {
        padding: 0 60px
    }
}

@media(min-width:992px) {
    .l-detail {
        padding: 30px 20px
    }
}

.l-detail--kv {
    height: 745px;
    padding: 27px 30px 0
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--kv {
        padding: 70px 60px 0;
        height: 980px;
        background-position: center -80px
    }
}

@media(min-width:992px) {
    .l-detail--kv {
        height: 900px;
        padding: 100px 20px 0
    }
}

.is--tablet .l-detail {
    background-attachment: scroll
}

@media(min-width:992px) {
    .is--tablet .l-detail {
        background-position: center bottom;
        background-size: 100% auto;
        padding-top: 50px
    }

    .is--tablet .l-detail--kv {
        padding-top: 100px;
        background-size: cover;
        background-position: center
    }
}

.l-detail--kvtower {
    background-image: url(/images/tower/sp_tower_bg01.jpg), url(/images/tower/tab_bg_pattern01.jpg);
    background-size: 100% auto, 200px 200px;
    background-repeat: no-repeat, repeat;
    background-position: center top, center top;
    height: auto;
    padding-bottom: 93.75%
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--kvtower {
        background-image: url(/images/tower/sp_tower_bg01.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-repeat: no-repeat, repeat;
        background-position: center top, center top;
        height: auto
    }
}

@media(min-width:992px) {
    .l-detail--kvtower {
        background-image: url(/images/tower/tower_bg01.jpg);
        background-size: auto;
        background-position: center 75px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        height: 1420px;
        padding-bottom: 0
    }
}

@media(max-width:768px) {
    .l-detail--tower1 {
        height: auto;
        background-image: url(/images/tower/tower_bg02.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-bottom: 50.52%;
        padding-top: 0
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--tower1 {
        height: auto;
        padding-top: 0;
        background-image: url(/images/tower/tower_bg02.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-bottom: 50.52%
    }
}

@media(min-width:992px) {
    .l-detail--tower1 {
        background-image: url(/images/tower/tower_bg02.jpg);
        background-size: auto;
        background-position: center top;
        background-repeat: no-repeat;
        background-attachment: fixed;
        height: auto;
        padding-bottom: 750px
    }
}

@media(max-width:768px) {
    .l-detail--tower2 {
        padding-top: 120px;
        background-image: url(/images/tower/tower_bg03.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-bottom: 50.42%
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--tower2 {
        padding-top: 340px;
        background-image: url(/images/tower/tower_bg03.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-bottom: 50.42%
    }
}

@media(min-width:992px) {
    .l-detail--tower2 {
        padding-top: 425px;
        background-image: url(/images/tower/tower_bg03.jpg);
        background-size: auto;
        background-position: center top;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding-bottom: 370px
    }
}

@media(max-width:768px) {
    .l-detail--tower3 {
        padding-top: 10px;
        background-image: url(/images/tower/tower_bg04.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-bottom: 50.52%
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--tower3 {
        padding-top: 60px;
        background-image: url(/images/tower/tower_bg04.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-bottom: 50.52%
    }
}

@media(min-width:992px) {
    .l-detail--tower3 {
        background-image: url(/images/tower/tower_bg04.jpg);
        background-size: auto;
        background-position: center top;
        background-repeat: no-repeat;
        background-attachment: fixed;
        margin-top: auto;
        padding-top: 230px;
        padding-bottom: 135px
    }
}

@media(max-width:768px) {
    .l-detail--tower4 {
        padding-top: 10px;
        background-image: url(/images/tower/tower_bg05.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-bottom: 50.52%
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--tower4 {
        padding-top: 60px;
        background-image: url(/images/tower/tower_bg05.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        padding-bottom: 50.52%
    }
}

@media(min-width:992px) {
    .l-detail--tower4 {
        padding-top: 200px;
        padding-bottom: 230px;
        background-image: url(/images/tower/tower_bg05.jpg);
        background-size: auto;
        background-position: center top;
        background-repeat: no-repeat;
        background-attachment: fixed
    }
}

.l-detail-content--tower1 {
    position: relative;
    top: -100px;
    margin-bottom: -100px
}

@media(min-width:992px) {
    .l-detail-content--tower1 {
        position: relative;
        top: -680px;
        margin-bottom: 0
    }
}

.l-detail-content--tower1 .l-card {
    position: relative
}

@media(min-width:992px) {
    .l-detail-content--tower1 .l-card {
        display: table-cell;
        position: relative
    }
}

.l-detail-content--tower1 .l-card .card--xlarge {
    padding-top: 40px;
    padding-bottom: 85px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--tower1 .l-card .card--xlarge {
        padding-top: 80px;
        padding-bottom: 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--tower1 .l-card .card--xlarge {
        padding-top: 120px;
        padding-bottom: 245px
    }
}

.l-detail-content--tower1 .l-img {
    position: relative;
    display: table;
    margin-right: -10px;
    margin-left: -10px;
    width: calc(100%+20px);
    border-collapse: collapse;
    outline: 0;
    font-size: 0
}

@media(min-width:992px) {
    .l-detail-content--tower1 .l-img {
        width: auto;
        margin-right: 0;
        margin-left: 0;
        position: relative;
        display: table-cell;
        vertical-align: bottom;
        top: -95px
    }
}

.l-detail-content--tower1 .l-img1 {
    display: table-cell;
    width: 40%;
    left: 0;
    top: 0;
    z-index: 3
}

.l-detail-content--tower1 .l-img1>img {
    position: relative;
    top: -40px
}

@media(min-width:992px) {
    .l-detail-content--tower1 .l-img1 {
        display: block;
        position: relative;
        width: auto;
        right: auto;
        left: auto;
        top: auto
    }

    .l-detail-content--tower1 .l-img1>img {
        position: static;
        top: 0
    }
}

.l-detail-content--tower1 .l-img2 {
    position: relative;
    z-index: 2;
    display: table-cell;
    width: 60%
}

@media(min-width:992px) {
    .l-detail-content--tower1 .l-img2 {
        display: block;
        position: absolute;
        width: 800px;
        right: 80px
    }
}

.l-detail-content--tower2 {
    position: relative
}

@media(min-width:992px) {
    .l-detail-content--tower2 {
        display: block;
        top: -500px
    }
}

.l-detail-content--tower2 .l-card {
    position: relative;
    z-index: 3
}

.l-detail-content--tower2 .l-card .card--xlarge {
    padding-top: 40px;
    padding-bottom: 90px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--tower2 .l-card .card--xlarge {
        padding-top: 80px;
        padding-bottom: 190px
    }
}

@media(min-width:992px) {
    .l-detail-content--tower2 .l-card .card--xlarge {
        padding-top: 135px;
        padding-bottom: 215px
    }
}

.l-detail-content--tower2 .l-img {
    display: table;
    width: calc(100%+10px);
    margin-right: -10px
}

@media(min-width:992px) {
    .l-detail-content--tower2 .l-img {
        width: auto;
        display: block;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width:992px) {
    .l-detail-content--tower2 .l-img:after {
        display: block;
        content: none;
        clear: none
    }
}

.l-detail-content--tower2 .l-img1 {
    position: absolute;
    top: -110px;
    width: 130px;
    left: -10px
}

@media(min-width:768px) {
    .l-detail-content--tower2 .l-img1 {
        top: -280px;
        width: 312px
    }
}

@media(min-width:992px) {
    .l-detail-content--tower2 .l-img1 {
        position: absolute;
        top: -350px;
        left: auto;
        right: 0;
        width: 640px
    }
}

.l-detail-content--tower2 .l-img2 {
    vertical-align: bottom;
    position: static;
    float: none;
    z-index: 2;
    width: 100%
}

@media(min-width:992px) {
    .l-detail-content--tower2 .l-img2 {
        display: block;
        position: relative;
        width: 35.29412%;
        float: left
    }
}

.l-detail-content--tower2 .l-img3 {
    display: table-cell;
    vertical-align: bottom;
    position: static;
    float: none;
    width: 60%;
    top: -30px;
    z-index: 3
}

@media(min-width:992px) {
    .l-detail-content--tower2 .l-img3 {
        display: block;
        position: relative;
        width: 64.70588%;
        padding-right: 40px;
        top: -80px;
        float: left;
        z-index: 3
    }
}

@media(min-width:992px) {
    .l-detail-content--tower3 {
        position: relative
    }
}

@media(min-width:992px) {
    .l-detail-content--tower3 .l-card {
        float: right
    }
}

.l-detail-content--tower3 .l-card .card--small {
    padding-top: 40px;
    padding-bottom: 43px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--tower3 .l-card .card--small {
        padding-top: 80px;
        padding-bottom: 120px
    }
}

@media(min-width:992px) {
    .l-detail-content--tower3 .l-card .card--small {
        padding: 115px 80px 135px
    }
}

.l-detail-content--tower3 .l-img1 {
    position: relative;
    left: -10px;
    width: 80.46875%
}

@media(min-width:992px) {
    .l-detail-content--tower3 .l-img1 {
        position: relative;
        width: 640px;
        left: auto;
        top: -70px
    }
}

@media(min-width:992px) {
    .l-detail-content--tower4 {
        position: relative
    }
}

@media(min-width:992px) {
    .l-detail-content--tower4 .l-card {
        float: right
    }
}

.l-detail-content--tower4 .l-card .card--small {
    padding-top: 40px;
    padding-bottom: 40px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--tower4 .l-card .card--small {
        padding-top: 80px;
        padding-bottom: 120px
    }
}

@media(min-width:992px) {
    .l-detail-content--tower4 .l-card .card--small {
        padding: 110px 80px 190px
    }
}

.l-detail-content--tower4 .l-img1 {
    position: relative;
    width: 80.46875%;
    float: right;
    right: -10px
}

@media(min-width:992px) {
    .l-detail-content--tower4 .l-img1 {
        position: relative;
        float: none;
        width: 640px;
        left: 30px;
        top: -70px;
        right: auto
    }
}

@media(min-width:992px) {
    .is--tablet .l-detail--kvtower {
        background-image: url(/images/tower/tower_bg01.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-repeat: no-repeat, repeat;
        background-position: center top, center top;
        height: 520px;
        padding-bottom: 0
    }

    .is--tablet .l-detail--tower1 {
        padding-bottom: 60.74%;
        background-image: url(/images/tower/tower_bg02.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--tower2 {
        padding-bottom: 85.74%;
        padding-top: 270px;
        background-image: url(/images/tower/tower_bg03.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--tower3 {
        padding-bottom: 39.44%;
        background-image: url(/images/tower/tower_bg04.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--tower4 {
        padding-bottom: 39.44%;
        background-image: url(/images/tower/tower_bg05.jpg), url(/images/tower/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail-content--tower1 {
        top: -100px
    }

    .is--tablet .l-detail-content--tower2 {
        top: 0
    }
}

.l-detail--kvrestaurant {
    position: relative;
    background-image: url(/images/restaurant/sp_restaurant_bg01.jpg), url(/images/restaurant/bg_pattern01.jpg);
    background-position: right 20%, center top;
    background-repeat: no-repeat, repeat;
    background-size: 70% auto, 200px 200px;
    padding-bottom: 40px;
    height: auto
}

.l-detail--kvrestaurant.has-news {
    padding-bottom: 135px
}

.l-detail--kvrestaurant .mce-content-body {
    width: 100%;
    max-width: 1020px;
    margin: 62px auto 0;
    position: relative;
    z-index: 10
}

@media(min-width:992px) {
    .l-detail--kvrestaurant .mce-content-body {
        margin: 62px auto 0;
        width: 100%
    }
}

.l-detail--kvrestaurant .mce-content-body h2 {
    margin-bottom: 18px
}

.l-detail--kvrestaurant .mce-content-body p {
    line-height: 1.46154em
}

@media(min-width:992px) {
    .l-detail--kvrestaurant {
        background-image: url(/images/restaurant/restaurant_bg01.jpg), url(/images/restaurant/bg_pattern01.jpg);
        background-position: center center, center top;
        background-repeat: no-repeat, repeat;
        background-size: auto, 200px 200px;
        background-attachment: scroll, scroll;
        padding-bottom: 40px;
        height: auto
    }

    .l-detail--kvrestaurant.has-news {
        padding-bottom: 90px
    }

    .l-detail--kvrestaurant .mce-content-body {
        margin-top: 49px
    }

    .l-detail--kvrestaurant .mce-content-body p {
        max-width: 825px
    }
}

.l-detail--restaurant1 {
    background-image: url(/images/restaurant/tab_bg_pattern01.jpg);
    background-repeat: repeat;
    background-size: 200px 200px;
    padding-top: 260px;
    padding-bottom: 60px
}

.l-detail--restaurant1:before {
    background-image: url(/images/restaurant/sp_restaurant_bg02.jpg);
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media(min-width:992px) {
    .l-detail--restaurant1:before {
        background-image: none
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--restaurant1 {
        padding-top: 560px;
        padding-bottom: 100px;
        background-size: 400px 400px
    }
}

@media(min-width:992px) {
    .l-detail--restaurant1 {
        background-image: url(/images/restaurant/restaurant_bg02.jpg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        height: auto;
        padding-top: 185px;
        padding-bottom: 539px
    }
}

.l-detail--restaurant2 {
    padding-top: 260px;
    padding-bottom: 0;
    background-image: url(/images/restaurant/sp_bg_pattern03.jpg);
    background-repeat: repeat;
    background-size: initial;
    position: relative
}

.l-detail--restaurant2:before {
    background-image: url(/images/restaurant/sp_restaurant_bg03.jpg);
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media(min-width:992px) {
    .l-detail--restaurant2:before {
        background-image: none
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--restaurant2 {
        padding-top: 560px;
        background-size: 400px 400px
    }
}

@media(min-width:992px) {
    .l-detail--restaurant2 {
        background-image: url(/images/restaurant/restaurant_bg03.jpg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        margin-top: auto;
        padding-top: 189px;
        padding-bottom: 300px
    }
}

.l-detail-content--restaurant1,
.l-detail-content--restaurant1 .l-card {
    position: relative
}

.l-detail-content--restaurant1 .l-card .heading-logo-oceancafe {
    width: 148px
}

@media(min-width:768px) {
    .l-detail-content--restaurant1 .l-card .heading-logo-oceancafe {
        width: 292px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant1 .l-card {
        position: relative;
        z-index: 2
    }
}

.l-detail-content--restaurant1 .l-card .card--xlarge {
    padding-top: 40px;
    padding-bottom: 115px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--restaurant1 .l-card .card--xlarge {
        padding-top: 80px;
        padding-bottom: 250px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant1 .l-card .card--xlarge {
        min-width: 620px;
        width: 620px;
        max-width: 620px;
        min-height: 845px;
        padding: 82px 119px 80px
    }
}

.l-detail-content--restaurant1 .l-images {
    position: relative;
    top: -85px
}

@media(min-width:992px) {
    .l-detail-content--restaurant1 .l-images {
        position: absolute;
        right: 0;
        bottom: 65px;
        width: 400px;
        top: auto
    }
}

.l-detail-content--restaurant1 .l-images__item:nth-child(1) {
    position: relative;
    float: right;
    width: 60%;
    z-index: 2
}

@media(min-width:992px) {
    .l-detail-content--restaurant1 .l-images__item:nth-child(1) {
        z-index: 1;
        float: none;
        width: auto
    }
}

.l-detail-content--restaurant1 .l-images__item:nth-child(2) {
    position: relative;
    float: left;
    width: 40%;
    margin-top: 85px;
    z-index: 2
}

@media(min-width:992px) {
    .l-detail-content--restaurant1 .l-images__item:nth-child(2) {
        z-index: 1;
        float: none;
        width: auto;
        top: auto;
        margin-top: 0
    }
}

.l-detail-content--restaurant1 .l-images__item:nth-child(3) {
    position: relative;
    width: 75%;
    left: -10px;
    z-index: 1
}

@media(min-width:992px) {
    .l-detail-content--restaurant1 .l-images__item:nth-child(3) {
        position: absolute;
        width: 640px;
        right: 0;
        z-index: 3;
        transform: none;
        bottom: auto;
        left: auto
    }
}

.l-detail-content--restaurant1-menu {
    position: relative;
    margin-top: 120px
}

@media(min-width:359px) {
    .l-detail-content--restaurant1-menu {
        margin-top: 165px
    }
}

@media(min-width:399px) {
    .l-detail-content--restaurant1-menu {
        margin-top: 200px
    }
}

@media(min-width:459px) {
    .l-detail-content--restaurant1-menu {
        margin-top: 240px
    }
}

@media(min-width:519px) {
    .l-detail-content--restaurant1-menu {
        margin-top: 280px
    }
}

@media(min-width:569px) {
    .l-detail-content--restaurant1-menu {
        margin-top: 310px
    }
}

@media(min-width:619px) {
    .l-detail-content--restaurant1-menu {
        margin-top: 345px
    }
}

@media(min-width:639px) {
    .l-detail-content--restaurant1-menu {
        margin-top: 375px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu {
        display: block;
        position: relative;
        margin-top: 804px
    }

    .l-detail-content--restaurant1-menu:after {
        display: table;
        content: ' ';
        clear: both
    }
}

.l-detail-content--restaurant1-menu .l-card {
    position: relative;
    z-index: 3
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-card {
        float: right
    }
}

.l-detail-content--restaurant1-menu .l-card .card--xlarge {
    padding-top: 37px;
    padding-bottom: 41px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--restaurant1-menu .l-card .card--xlarge {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-card .card--xlarge {
        padding: 86px 107px 60px;
        min-height: 990px
    }
}

.l-detail-content--restaurant1-menu .l-images {
    margin-left: -10px;
    margin-right: -10px
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-images {
        margin-left: auto;
        margin-right: auto
    }
}

.l-detail-content--restaurant1-menu .l-images__item:nth-child(1) {
    display: none
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-images__item:nth-child(1) {
        position: absolute;
        display: block;
        width: 380px;
        left: 0;
        top: -460px;
        z-index: 2
    }
}

.l-detail-content--restaurant1-menu .l-images__item:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-images__item:nth-child(2) {
        position: absolute;
        width: 640px;
        right: 0;
        top: -460px;
        transform: none
    }
}

.l-detail-content--restaurant1-menu .l-images__item:nth-child(3) {
    float: right;
    width: 50.5%;
    padding-right: 10px
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-images__item:nth-child(3) {
        position: absolute;
        bottom: 500px;
        left: 0;
        float: none;
        width: auto;
        padding-right: 0
    }
}

.l-detail-content--restaurant1-menu .l-images__item:nth-child(4) {
    float: left;
    width: 49.5%;
    padding-left: 10px
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-images__item:nth-child(4) {
        position: absolute;
        bottom: 0;
        left: 0;
        float: none;
        width: auto;
        padding-left: 0
    }
}

.l-detail-content--restaurant1-menu .l-images__item:nth-child(5) {
    float: left;
    width: 59.375%
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-images__item:nth-child(5) {
        position: absolute;
        width: 645px;
        bottom: -433px;
        left: 0
    }
}

.l-detail-content--restaurant1-menu .l-images__item:nth-child(6) {
    float: left;
    width: 40.625%
}

@media(min-width:992px) {
    .l-detail-content--restaurant1-menu .l-images__item:nth-child(6) {
        position: absolute;
        width: 385px;
        bottom: -433px;
        right: 0
    }
}

.l-detail-content--restaurant2 {
    position: relative
}

.l-detail-content--restaurant2 .l-card .heading-logo-islandblue {
    width: 190px
}

@media(min-width:768px) {
    .l-detail-content--restaurant2 .l-card .heading-logo-islandblue {
        width: 380px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant2 .l-card {
        float: right
    }
}

.l-detail-content--restaurant2 .l-card .card--xlarge {
    padding-top: 40px;
    padding-bottom: 56px;
    z-index: 3
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--restaurant2 .l-card .card--xlarge {
        padding-top: 80px;
        padding-bottom: 100px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant2 .l-card .card--xlarge {
        padding: 100px 119px 80px;
        min-height: 790px;
        z-index: 3
    }
}

.l-detail-content--restaurant2 .l-images {
    position: relative;
    transform: translateY(13%)
}

@media(min-width:992px) {
    .l-detail-content--restaurant2 .l-images {
        transform: none
    }
}

.l-detail-content--restaurant2 .l-images__item:nth-child(1) {
    float: right;
    width: 50%
}

@media(min-width:992px) {
    .l-detail-content--restaurant2 .l-images__item:nth-child(1) {
        position: absolute;
        width: 380px;
        left: 0;
        bottom: 390px;
        float: none
    }
}

.l-detail-content--restaurant2 .l-images__item:nth-child(2) {
    position: relative;
    float: left;
    width: 50%;
    transform: translateY(-26%)
}

@media(min-width:992px) {
    .l-detail-content--restaurant2 .l-images__item:nth-child(2) {
        position: absolute;
        width: 380px;
        left: 0;
        bottom: 0;
        float: none;
        transform: none
    }
}

.l-detail-content--restaurant2 .l-images__item:nth-child(3) {
    position: relative;
    width: 85%
}

@media(min-width:992px) {
    .l-detail-content--restaurant2 .l-images__item:nth-child(3) {
        position: absolute;
        left: 0;
        bottom: -362px;
        width: 645px
    }
}

.l-detail-content--restaurant2 .l-images__item:nth-child(4) {
    display: none
}

@media(min-width:992px) {
    .l-detail-content--restaurant2 .l-images__item:nth-child(4) {
        position: absolute;
        display: block;
        right: 0;
        bottom: -362px;
        width: 385px
    }
}

.l-detail-content--restaurant2-menu {
    position: relative;
    margin-top: 75px
}

@media(min-width:768px) {
    .l-detail-content--restaurant2-menu {
        margin-top: 230px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-menu {
        margin-top: 450px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-menu .l-card {
        float: left
    }
}

.l-detail-content--restaurant2-menu .l-card .card--xlarge {
    padding-top: 40px;
    padding-bottom: 90px;
    z-index: 3
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--restaurant2-menu .l-card .card--xlarge {
        padding-top: 80px;
        padding-bottom: 150px
    }
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-menu .l-card .card--xlarge {
        padding: 87px 106px 80px;
        min-height: 860px;
        z-index: 3
    }
}

.l-detail-content--restaurant2-menu .l-images {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
    top: 40px
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-menu .l-images {
        top: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.l-detail-content--restaurant2-menu .l-images__item:nth-child(1) {
    position: relative;
    float: left;
    width: 53.125%;
    z-index: 2
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-menu .l-images__item:nth-child(1) {
        position: absolute;
        width: 380px;
        right: 0;
        bottom: 410px;
        z-index: 1;
        float: none
    }
}

.l-detail-content--restaurant2-menu .l-images__item:nth-child(2) {
    position: relative;
    float: left;
    width: 46.875%;
    padding-right: 5px;
    top: -70px;
    z-index: 3
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-menu .l-images__item:nth-child(2) {
        position: absolute;
        width: 380px;
        right: 0;
        bottom: 0;
        z-index: 1;
        padding-right: 0;
        float: none;
        top: auto
    }
}

.l-detail-content--restaurant2-menu .l-images__item:nth-child(3) {
    position: relative;
    float: left;
    width: 46.875%;
    top: -70px;
    z-index: 3
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-menu .l-images__item:nth-child(3) {
        position: absolute;
        width: 380px;
        left: 0;
        bottom: -310px;
        z-index: 1;
        float: none;
        top: auto
    }
}

.l-detail-content--restaurant2-menu .l-images__item:nth-child(4) {
    position: relative;
    float: right;
    width: 90.83333%;
    top: -80px
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-menu .l-images__item:nth-child(4) {
        position: absolute;
        width: 640px;
        right: 0;
        bottom: -310px;
        float: none;
        top: auto
    }
}

.l-detail-content--restaurant2-about {
    position: relative;
    margin-top: 5px
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-about {
        margin-top: 469px
    }
}

.l-detail-content--restaurant2-about .l-card {
    position: relative
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-about .l-card {
        float: right
    }
}

.l-detail-content--restaurant2-about .l-card .card--medium {
    padding-top: 67px;
    padding-bottom: 100px
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-about .l-card .card--medium {
        padding: 83px 80px 60px;
        min-height: 470px;
        z-index: 3
    }
}

.l-detail-content--restaurant2-about .l-images {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
    width: 84.375%;
    top: -40px
}

@media(min-width:992px) {
    .l-detail-content--restaurant2-about .l-images {
        position: absolute;
        width: 500px;
        bottom: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        top: auto
    }
}

.l-detail-content--restaurant2-about .l-images:after {
    display: table;
    content: ' ';
    clear: both
}

@media(min-width:992px) {
    .is--tablet .l-detail--kvrestaurant {
        background-position: center top;
        height: auto
    }

    .is--tablet .l-detail--kvrestaurant:before {
        background-size: 100% auto
    }

    .is--tablet .l-detail--restaurant1 {
        padding-bottom: 95%;
        background-image: url(/images/restaurant/restaurant_bg02.jpg), url(/images/restaurant/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--restaurant2 {
        padding-bottom: 53.33%;
        background-image: url(/images/restaurant/restaurant_bg03.jpg), url(/images/restaurant/sp_bg_pattern03.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail-content--restaurant2-about {
        margin-top: 340px
    }
}

.l-detail--kvmuseum {
    background-image: url(/images/museum/sp_museum_bg01.jpg);
    height: 100px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--kvmuseum {
        height: 200px;
        background-position: center top
    }
}

@media(min-width:992px) {
    .l-detail--kvmuseum {
        background-image: url(/images/museum/museum_bg01.jpg);
        height: 340px;
        background-position: center top;
        background-attachment: scroll;
        background-size: auto
    }
}

.l-detail--museum1,
.l-detail--museum2,
.l-detail--museum3 {
    background-image: url(/images/museum/sp_museum_bg02.jpg);
    padding: 81.25% 10px 25px;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    z-index: 1
}

@media(min-width:768px) and (max-width:992px) {

    .l-detail--museum1,
    .l-detail--museum2,
    .l-detail--museum3 {
        padding: 81.25% 60px 100px
    }
}

@media(min-width:992px) {

    .l-detail--museum1,
    .l-detail--museum2,
    .l-detail--museum3 {
        background-image: url(/images/museum/museum_bg02.jpg);
        padding: 125px 10px 280px;
        background-size: auto;
        background-position: center
    }
}

.l-detail--museum1:after,
.l-detail--museum2:after,
.l-detail--museum3:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/images/museum/sp_bg_pattern01.jpg);
    background-size: 200px 200px;
    z-index: -1;
    margin-top: 100%
}

@media(min-width:992px) {

    .l-detail--museum1:after,
    .l-detail--museum2:after,
    .l-detail--museum3:after {
        display: none
    }
}

.l-detail--museum2 {
    background-image: url(/images/museum/sp_museum_bg03.jpg)
}

@media(min-width:992px) {
    .l-detail--museum2 {
        background-image: url(/images/museum/museum_bg03.jpg);
        padding: 0
    }
}

.l-detail--museum2:after {
    background: url(/images/museum/sp_bg_pattern02.jpg);
    background-size: 200px 200px
}

.l-detail--museum3 {
    background-image: url(/images/museum/sp_museum_bg04.jpg)
}

@media(min-width:992px) {
    .l-detail--museum3 {
        background-image: url(/images/museum/museum_bg04.jpg);
        padding: 232px 0 300px
    }
}

@media(min-width:992px) {
    .l-detail-content--museum1 .l-card {
        float: right
    }
}

.l-detail-content--museum1 .card--xlarge {
    padding: 32px 20px 45px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--museum1 .card--xlarge {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--museum1 .card--xlarge {
        padding: 107px 120px 250px
    }
}

.l-detail-content--museum1 .detail-article__body {
    font-size: 13px;
    line-height: 1.481
}

@media(min-width:992px) {
    .l-detail-content--museum1 .detail-article__body {
        font-size: 14px;
        line-height: 1.857
    }
}

.l-detail-content--museum1 h2 {
    font-size: 18px;
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    margin-bottom: 35px
}

@media(min-width:992px) {
    .l-detail-content--museum1 h2 {
        font-size: 28px
    }
}

.l-detail-content--museum1 .l-img {
    position: relative;
    clear: both
}

.l-detail-content--museum1 .l-img2 {
    width: 56.66667%;
    margin-left: -10px
}

@media(min-width:992px) {
    .l-detail-content--museum1 .l-img2 {
        width: 33.33333%;
        position: absolute;
        bottom: 100%;
        right: 640px;
        left: auto
    }
}

.l-detail-content--museum1 .l-img1 {
    width: 100%
}

@media(min-width:992px) {
    .l-detail-content--museum1 .l-img1 {
        width: 79.41176%;
        float: right
    }
}

@media(min-width:992px) {
    .l-detail-content--museum2 {
        position: relative;
        top: -80px
    }
}

.l-detail-content--museum2 .l-card {
    float: left
}

.l-detail-content--museum2 .card--xlarge {
    padding: 37px 20px 70px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--museum2 .card--xlarge {
        padding: 80px 90px 180px
    }
}

@media(min-width:992px) {
    .l-detail-content--museum2 .card--xlarge {
        padding: 114px 120px 230px
    }
}

.l-detail-content--museum2 .detail-article__body {
    font-size: 13px;
    line-height: 1.481
}

@media(min-width:992px) {
    .l-detail-content--museum2 .detail-article__body {
        font-size: 14px;
        line-height: 1.857
    }
}

.l-detail-content--museum2 h2 {
    font-size: 18px;
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    margin-bottom: 30px
}

@media(min-width:992px) {
    .l-detail-content--museum2 h2 {
        font-size: 28px;
        margin-bottom: 35px
    }
}

.l-detail-content--museum2 .l-img {
    position: relative
}

.l-detail-content--museum2 .l-img2 {
    width: 64.16667%;
    margin-right: -10px;
    float: right;
    margin-top: -50px
}

@media(min-width:992px) {
    .l-detail-content--museum2 .l-img2 {
        width: 47.05882%;
        right: auto;
        position: relative;
        float: none;
        left: 450px;
        bottom: 125px;
        margin: 0
    }
}

.l-detail-content--museum2 .l-img1 {
    display: none
}

@media(min-width:992px) {
    .l-detail-content--museum2 .l-img1 {
        width: 33.23529%;
        float: left;
        display: block
    }
}

.l-detail-content--museum2 p {
    margin-top: 25px
}

@media(min-width:screen-md-min) {
    .l-detail-content--museum2 p {
        margin-top: 35px
    }
}

.l-detail-content--museum3 .detail-article__body {
    font-size: 13px;
    line-height: 1.5
}

@media(min-width:992px) {
    .l-detail-content--museum3 .detail-article__body {
        font-size: 14px;
        line-height: 1.9
    }
}

.l-detail-content--museum3 h2 {
    line-height: 1.2;
    font-size: 18px;
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    margin-bottom: 34px
}

.l-detail-content--museum3 h2 span {
    font-family: "Reem Kufi", sans-serif;
    font-size: 21px;
    display: block;
    margin-bottom: 20px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--museum3 h2 span {
        font-size: 32px
    }
}

@media(min-width:992px) {
    .l-detail-content--museum3 h2 span {
        font-size: 36px
    }
}

@media(min-width:992px) {
    .l-detail-content--museum3 h2 {
        font-size: 28px;
        margin-bottom: 40px
    }
}

@media(min-width:992px) {
    .l-detail-content--museum3 .l-card {
        float: right
    }
}

.l-detail-content--museum3 .card--medium {
    padding: 36px 20px 117px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--museum3 .card--medium {
        padding: 80px 90px 190px
    }
}

@media(min-width:992px) {
    .l-detail-content--museum3 .card--medium {
        padding: 114px 80px 134px
    }
}

.l-detail-content--museum3 .l-img {
    position: relative
}

.l-detail-content--museum3 .l-img1 {
    width: 66.66667%;
    margin-left: -10px;
    margin-top: -50px
}

@media(min-width:992px) {
    .l-detail-content--museum3 .l-img1 {
        right: 520px;
        position: absolute;
        top: 0;
        width: auto;
        margin: 0
    }
}

.l-detail-content--museum3 .l-img2 {
    width: 86.66667%;
    margin-right: -10px;
    float: right
}

@media(min-width:992px) {
    .l-detail-content--museum3 .l-img2 {
        width: 520px;
        clear: both;
        margin: 0
    }
}

@media(min-width:992px) {

    .is--tablet .l-detail--museum1,
    .is--tablet .l-detail--museum2,
    .is--tablet .l-detail--museum3 {
        padding-bottom: 62.59%;
        padding-top: 0;
        background-image: url(/images/museum/museum_bg02.jpg), url(/images/museum/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--museum2 {
        padding-bottom: 44.07%;
        padding-top: 50px;
        background-image: url(/images/museum/museum_bg03.jpg), url(/images/museum/tab_bg_pattern02.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--museum3 {
        padding-bottom: 53.33%;
        padding-top: 50px;
        background-image: url(/images/museum/museum_bg04.jpg), url(/images/museum/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }
}

.l-detail--wedding-header {
    background-image: url(/images/wedding/sp_wedding_bg01.jpg);
    height: 100px;
    padding-bottom: 0
}

.l-detail--wedding-header.has-news {
    height: auto;
    padding-bottom: 135px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--wedding-header {
        height: 200px;
        background-position: center top
    }

    .l-detail--wedding-header.has-news {
        height: auto;
        padding-bottom: 135px
    }
}

@media(min-width:992px) {
    .l-detail--wedding-header {
        height: 340px;
        background-image: url(/images/wedding/wedding_bg01.jpg);
        background-position: center top;
        background-attachment: scroll;
        background-size: auto;
        padding-bottom: 0
    }

    .l-detail--wedding-header.has-news {
        height: auto;
        padding-bottom: 90px
    }
}

.l-detail--wedding-body {
    padding: 99% 0 0;
    background-image: url(/images/wedding/sp_wedding_bg02.jpg);
    background-position: top right;
    background-size: contain
}
.l-detail--wedding-body2023 {
    padding: 99% 0 0;
    background-image: url(/images/wedding/sp_wedding_bg02_20231120.jpg);
    background-position: top right;
    background-size: contain
}

@media(min-width:992px) {
    .l-detail--wedding-body {
        padding-bottom: 300px;
        padding-top: 120px;
        background-image: url(/images/wedding/wedding_bg02.jpg);
        background-size: auto;
        background-position: top center
    }
    .l-detail--wedding-body2023 {
        padding-bottom: 300px;
        padding-top: 120px;
        background-image: url(/images/wedding/wedding_bg02_20231120.jpg);
        background-size: auto;
        background-position: top center
    }
}

.l-detail-content--wedding-1 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(/images/wedding/sp_bg_pattern01.jpg);
    background-size: 100% auto
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--wedding-1 {
        padding: 0 60px
    }
}

.l-detail-content--wedding-1 .card {
    margin-top: -60px;
    padding-bottom: 65px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--wedding-1 .card {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--wedding-1 .card {
        width: 62.7451%;
        min-width: 0;
        margin-top: 0;
        padding-bottom: 255px
    }
}

.l-detail-content--wedding-1 .l-img1 {
    width: 63.33333%;
    max-width: 380px;
    margin-top: -40px;
    margin-left: -10px;
    position: relative;
    margin-bottom: 63px
}

@media(min-width:992px) {
    .l-detail-content--wedding-1 .l-img1 {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0;
        width: 37.2549%;
        max-width: 380px;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media(min-width:992px) {
    .l-detail-content--wedding-1 {
        background: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.l-detail-content--wedding-2 {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(/images/wedding/sp_bg_pattern02.jpg);
    background-size: 100% auto;
    padding-bottom: 60px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--wedding-2 {
        padding: 0 60px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--wedding-2 {
        margin-top: -122px;
        background: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }
}

.l-detail-content--wedding-2 .l-card {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    margin-top: -30px
}

@media(min-width:992px) {
    .l-detail-content--wedding-2 .l-card {
        margin-top: 0
    }
}

@media(min-width:992px) {
    .l-detail-content--wedding-2 .card {
        float: right
    }
}

.l-detail-content--wedding-2 .l-img {
    position: relative
}

.l-detail-content--wedding-2 .l-img1 {
    width: 28.33333%;
    max-width: 340px;
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    position: relative
}

@media(min-width:992px) {
    .l-detail-content--wedding-2 .l-img1 {
        width: 33.33333%;
        position: absolute;
        top: -380px;
        right: 520px;
        margin-right: 0;
        margin-top: 0;
        max-width: 340px
    }
}

.l-detail-content--wedding-2 .l-img2 {
    margin-right: -10px
}

@media(min-width:992px) {
    .l-detail-content--wedding-2 .l-img2 {
        max-width: 810px;
        float: right;
        margin-right: 0
    }
}

.l-detail-content--wedding-2 .mce-content-body h2 {
    font-family: "Reem Kufi", sans-serif
}

@media(min-width:992px) {
    .is--tablet .l-detail--wedding-body {
        padding-top: 0;
        padding-bottom: 53.33%;
        background-image: url(/images/wedding/wedding_bg02.jpg), url(/images/wedding/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail-content--wedding-1 .card {
        width: 62.7%;
        max-width: 642px
    }

    .is--tablet .l-detail-content--wedding-1 .l-img1 {
        width: 37.3%;
        max-width: 382px
    }

    .is--tablet .l-detail-content--wedding-2 .l-img1 {
        top: -367px
    }
}

.l-detail--kvshop {
    background-image: url(/images/shop/sp_shop_bg01.jpg);
    height: 100px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--kvshop {
        height: 200px;
        background-position: center top
    }
}

@media(min-width:992px) {
    .l-detail--kvshop {
        background-image: url(/images/shop/shop_bg01.jpg);
        height: 340px;
        background-position: center top;
        background-size: auto;
        background-attachment: scroll
    }
}

.l-detail--shop1,
.l-detail--shop2,
.l-detail--shop3 {
    background-image: url(/images/shop/sp_shop_bg02.jpg);
    padding: 81.25% 10px 25px;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    z-index: 1
}

@media(min-width:768px) and (max-width:992px) {

    .l-detail--shop1,
    .l-detail--shop2,
    .l-detail--shop3 {
        padding: 81.25% 60px 100px
    }
}

@media(min-width:992px) {

    .l-detail--shop1,
    .l-detail--shop2,
    .l-detail--shop3 {
        background-image: url(/images/shop/shop_bg02.jpg);
        background-position: center;
        padding: 123px 10px 14px;
        background-size: auto
    }
}

.l-detail--shop1:after,
.l-detail--shop2:after,
.l-detail--shop3:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/images/shop/sp_bg_pattern01.jpg);
    background-size: 200px 200px;
    z-index: -1;
    margin-top: 100%
}

@media(min-width:992px) {

    .l-detail--shop1:after,
    .l-detail--shop2:after,
    .l-detail--shop3:after {
        display: none
    }
}

.l-detail--shop2 {
    background-image: url(/images/shop/sp_shop_bg03.jpg);
    padding-bottom: 50px
}

@media(min-width:992px) {
    .l-detail--shop2 {
        background-image: url(/images/shop/shop_bg03.jpg);
        padding: 0;
        z-index: 10
    }
}

.l-detail--shop2:after {
    background: url(/images/shop/sp_bg_pattern02.jpg);
    background-size: 200px 200px
}

.l-detail--shop3 {
    background-image: url(/images/shop/sp_shop_bg04.jpg)
}

@media(min-width:992px) {
    .l-detail--shop3 {
        background-image: url(/images/shop/shop_bg04.jpg);
        padding: 232px 0 300px;
        z-index: 2
    }
}

@media(min-width:992px) {
    .l-detail-content--shop1 {
        padding: 0
    }
}

@media(min-width:992px) {
    .l-detail-content--shop1 .l-card {
        float: left
    }
}

.l-detail-content--shop1 .card--xlarge {
    padding: 35px 20px 45px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--shop1 .card--xlarge {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--shop1 .card--xlarge {
        padding: 84px 120px 227px
    }
}

.l-detail-content--shop1 .detail-article__body {
    font-size: 13px;
    line-height: 1.481
}

@media(min-width:992px) {
    .l-detail-content--shop1 .detail-article__body {
        font-size: 14px;
        line-height: 1.857
    }
}

.l-detail-content--shop1 .l-img {
    position: relative;
    clear: both
}

@media(min-width:992px) {
    .l-detail-content--shop1 .l-img {
        top: -116px
    }
}

.l-detail-content--shop1 .l-img2 {
    width: 50.66667%;
    margin-right: -10px;
    float: right
}

@media(min-width:992px) {
    .l-detail-content--shop1 .l-img2 {
        width: 33.33333%;
        position: absolute;
        bottom: 100%;
        right: 40px;
        left: auto;
        margin-right: auto
    }
}

.l-detail-content--shop1 .l-img1 {
    width: 100%
}

@media(min-width:992px) {
    .l-detail-content--shop1 .l-img1 {
        width: 62.7451%;
        float: right
    }
}

@media(min-width:992px) {
    .l-detail-content--shop2 {
        position: relative;
        padding: 0;
        padding-top: 730px;
        padding-bottom: 170px
    }
}

.l-detail-content--shop2 .l-card {
    float: left;
    position: relative;
    z-index: 3
}

.l-detail-content--shop2 .l-card-content2 {
    width: 100%
}

@media(min-width:992px) {
    .l-detail-content--shop2 .l-card-content2 {
        width: auto;
        position: absolute;
        right: 0;
        top: 1352px;
        z-index: 10
    }
}

.l-detail-content--shop2 .l-card-content2 .card--xlarge {
    padding: 37px 20px 70px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--shop2 .l-card-content2 .card--xlarge {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--shop2 .l-card-content2 .card--xlarge {
        padding: 114px 100px 187px
    }
}

.l-detail-content--shop2 .l-card-content2 .detail-article__body h2 {
    font-family: "Reem Kufi", sans-serif
}

@media(min-width:992px) {
    .l-detail-content--shop2 .l-card-content3 {
        position: absolute;
        left: 0;
        bottom: -466px;
        z-index: 11
    }
}

.l-detail-content--shop2 .l-card-content3 .card--medium {
    padding-bottom: 28px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--shop2 .l-card-content3 .card--medium {
        padding-bottom: 80px
    }
}

@media(min-width:992px) {
    .l-detail-content--shop2 .l-card-content3 .card--medium {
        padding-bottom: 80px
    }
}

.l-detail-content--shop2 .card--xlarge {
    padding: 37px 20px 45px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--shop2 .card--xlarge {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--shop2 .card--xlarge {
        padding: 114px 120px 272px
    }
}

.l-detail-content--shop2 .detail-article__body {
    font-size: 13px;
    line-height: 1.481
}

@media(min-width:992px) {
    .l-detail-content--shop2 .detail-article__body {
        font-size: 14px;
        line-height: 1.857
    }
}

.l-detail-content--shop2 .l-img {
    position: relative
}

.l-detail-content--shop2 .l-img2 {
    position: absolute;
    width: 42%;
    bottom: -41px;
    right: 0;
    z-index: 10
}

@media(min-width:992px) {
    .l-detail-content--shop2 .l-img2 {
        width: 35.29412%;
        right: 20px;
        top: 149px;
        bottom: auto;
        margin: 0
    }
}

.l-detail-content--shop2 .l-img1 {
    width: 85.5%;
    float: right;
    margin-right: -10px
}

@media(min-width:992px) {
    .l-detail-content--shop2 .l-img1 {
        position: absolute;
        width: 55.88235%;
        top: -200px;
        margin-right: 0;
        right: 0;
        z-index: 2
    }
}

.l-detail-content--shop2 .l-img3 {
    position: relative;
    width: 61.16667%;
    margin-left: -10px
}

@media(min-width:992px) {
    .l-detail-content--shop2 .l-img3 {
        width: 37.2549%;
        margin-left: 0
    }
}

.l-detail-content--shop2 p {
    margin-top: 25px
}

@media(min-width:screen-md-min) {
    .l-detail-content--shop2 p {
        margin-top: 35px
    }
}

@media(min-width:992px) {
    .l-detail-content--shop3 {
        padding: 0;
        padding-top: 413px;
        position: relative;
        z-index: 3
    }
}

.l-detail-content--shop3 .detail-article__body {
    font-size: 13px;
    line-height: 1.5
}

@media(min-width:992px) {
    .l-detail-content--shop3 .detail-article__body {
        font-size: 14px;
        line-height: 1.9
    }
}

@media(min-width:992px) {
    .l-detail-content--shop3 .l-card {
        float: left
    }
}

.l-detail-content--shop3 .card--medium {
    padding: 36px 20px 0
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--shop3 .card--medium {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--shop3 .card--medium {
        padding: 114px 80px 200px
    }
}

.l-detail-content--shop3 .l-img {
    position: relative
}

.l-detail-content--shop3 .l-img1,
.l-detail-content--shop3 .l-img2 {
    width: 100%
}

@media(min-width:992px) {
    .l-detail-content--shop3 .l-img1 {
        width: 31.37255%;
        right: 220px;
        position: absolute;
        top: 0;
        margin: 0;
        z-index: 2
    }
}

@media(min-width:992px) {
    .l-detail-content--shop3 .l-img2 {
        float: right;
        position: relative;
        z-index: 3;
        width: 62.7451%;
        clear: both;
        margin: 0;
        margin-top: -112px
    }
}

@media(min-width:992px) {

    .is--tablet .l-detail--shop1,
    .is--tablet .l-detail--shop2,
    .is--tablet .l-detail--shop3 {
        padding-top: 0;
        padding-bottom: 39.44%;
        background-image: url(/images/shop/shop_bg02.jpg), url(/images/shop/sp_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--shop2 {
        padding-top: 50px;
        padding-bottom: 81.11%;
        background-image: url(/images/shop/shop_bg03.jpg), url(/images/shop/sp_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--shop3 {
        padding-top: 50px;
        padding-bottom: 30.19%;
        background-image: url(/images/shop/shop_bg04.jpg), url(/images/shop/sp_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail-content--shop2 {
        padding-top: 0
    }

    .is--tablet .l-detail-content--shop2 .l-card-content2 {
        top: 622px
    }

    .is--tablet .l-detail-content--shop3 {
        padding-top: 0
    }
}

.l-detail--kvkouri_island {
    background-color: #f2dc9c;
    background-image: url(/images/kouri_island/sp_kouri_bg01.jpg);
    background-position: top center;
    background-size: 100%;
    height: auto;
    padding-right: 10px;
    padding-left: 10px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--kvkouri_island {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media(min-width:992px) {
    .l-detail--kvkouri_island {
        background-image: url(/images/kouri_island/kouri_bg01.jpg);
        background-size: auto;
        background-position: center 75px
    }
}

.l-detail--kvkouri_island .l-video {
    position: relative;
    z-index: 20;
    margin-top: 60%
}

@media(min-width:992px) {
    .l-detail--kvkouri_island .l-video {
        margin: 0 auto;
        max-width: 1020px;
        margin-top: 295px
    }
}

.l-detail--kvkouri_island .l-video .video-kouri {
    padding: 56.25% 0 0
}

@media(min-width:992px) {
    .l-detail--kvkouri_island .l-video .video-kouri {
        padding: 56.25% 0 0
    }
}

.l-detail--kvkouri_island .l-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.l-detail--kouri_island2 {
    background-image: url(/images/kouri_island/sp_kouri_bg02.jpg);
    height: auto;
    background-position: top center;
    background-size: contain;
    z-index: 1;
    padding-bottom: 25px
}

@media(min-width:992px) {
    .l-detail--kouri_island2 {
        background-image: url(/images/kouri_island/kouri_bg02.jpg);
        height: auto;
        background-size: cover;
        padding-bottom: 300px
    }
}

.l-detail--kouri_island2:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/images/kouri_island/sp_bg_pattern01.jpg);
    z-index: -1;
    margin-top: 100%
}

@media(min-width:992px) {
    .l-detail--kouri_island2:after {
        display: none
    }
}

.l-detail-content--kouri_island1 {
    position: relative;
    padding-bottom: 4px;
    z-index: 2;
    width: auto
}

@media(min-width:992px) {
    .l-detail-content--kouri_island1 {
        position: relative;
        margin-bottom: -27px;
        padding-bottom: 0;
        margin-left: auto;
        margin-right: auto
    }
}

.l-detail-content--kouri_island1 .l-card {
    position: relative;
    margin-top: 26px
}

@media(min-width:992px) {
    .l-detail-content--kouri_island1 .l-card {
        position: relative;
        margin-top: 136px
    }
}

.l-detail-content--kouri_island1 .l-card .card--medium {
    padding-top: 35px;
    padding-bottom: 70px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--kouri_island1 .l-card .card--medium {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media(min-width:992px) {
    .l-detail-content--kouri_island1 .l-card .card--medium {
        padding-top: 112px;
        padding-bottom: 125px
    }
}

.l-detail-content--kouri_island1 .l-img {
    position: relative;
    display: block;
    width: 62.83333%;
    float: right;
    margin-right: -10px;
    bottom: 25px
}

@media(min-width:992px) {
    .l-detail-content--kouri_island1 .l-img {
        width: 37.2549%;
        position: relative;
        left: 520px;
        float: none;
        bottom: auto
    }
}

.l-detail-content--kouri_island1 .l-img1 {
    width: 100%;
    z-index: 3
}

@media(min-width:992px) {
    .l-detail-content--kouri_island1 .l-img1 {
        position: absolute;
        bottom: -40px
    }
}

.l-detail-content--kouri_island2 .card--map {
    padding-top: 83.25%
}

@media(min-width:992px) {
    .l-detail-content--kouri_island2 .card--map {
        padding-top: 427px
    }
}

.l-detail-content--kouri_island2 .card--full {
    padding: 60px 20px 62px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--kouri_island2 .card--full {
        padding: 80px 90px
    }
}

@media(min-width:992px) {
    .l-detail-content--kouri_island2 .card--full {
        padding: 120px
    }
}

.l-detail-content--kouri_island2 .l-google-map_link .button-normal {
    width: 100%
}

@media(min-width:992px) {
    .l-detail-content--kouri_island2 .l-google-map_link {
        text-align: right
    }

    .l-detail-content--kouri_island2 .l-google-map_link .button-normal {
        width: auto;
        min-width: 160px;
        line-height: 35px
    }
}

@media(min-width:992px) {
    .is--tablet .l-detail--kvkouri_island {
        background-image: url(/images/kouri_island/kouri_bg01.jpg), url(/images/kouri_island/tab_bg_pattern01.jpg);
        background-repeat: no-repeat, repeat;
        background-size: 100% auto, 400px 400px !important;
        background-position: center top, top center !important;
        background-color: transparent
    }

    .is--tablet .l-detail--kouri_island2 {
        padding-bottom: 49.63%;
        background-image: url(/images/kouri_island/kouri_bg02.jpg), url(/images/kouri_island/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail-content--kouri_island2 .card--map {
        padding-top: 50px
    }
}

.l-detail--kvfacility {
    background-image: url(/images/facility/sp_facility_bg01.jpg), url(../images/share/pattern02.jpg);
    background-size: 100% auto, 200px 200px;
    background-repeat: no-repeat, repeat;
    background-position: center top, top center;
    height: auto;
    padding-right: 10px;
    padding-left: 10px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--kvfacility {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media(min-width:992px) {
    .l-detail--kvfacility {
        background-image: url(/images/facility/facility_bg01.jpg);
        background-size: auto;
        background-position: center 75px;
        background-attachment: fixed;
        height: auto;
        padding-bottom: 120px
    }
}

.l-detail--facility2 {
    background-image: url(/images/facility/facility_bg02.jpg), url(../images/share/pattern02.jpg);
    background-size: 100% auto, 200px 200px;
    background-position: center bottom, top center;
    background-repeat: no-repeat, repeat;
    height: auto;
    padding-bottom: 48.7%
}

@media(min-width:992px) {
    .l-detail--facility2 {
        background-image: url(/images/facility/facility_bg02.jpg);
        background-size: auto;
        background-position: center;
        background-attachment: fixed;
        height: auto;
        padding-bottom: 300px
    }
}

.l-detail-content--facility1 {
    position: relative;
    z-index: 1;
    width: auto;
    margin: 0
}

@media(min-width:992px) {
    .l-detail-content--facility1 {
        width: 100%;
        position: relative;
        margin: 0 auto
    }
}

@media(min-width:992px) {
    .l-detail-content--facility1 .l-card:after {
        content: "";
        display: block;
        clear: both
    }
}

.l-detail-content--facility1 .l-card .card--xlarge {
    margin-top: 185px
}

@media(min-width:768px) {
    .l-detail-content--facility1 .l-card .card--xlarge {
        margin-top: 300px
    }
}

@media(min-width:992px) {
    .l-detail-content--facility1 .l-card .card--xlarge {
        margin-top: 210px;
        padding: 92px 119px 90px;
        min-height: 600px;
        float: right
    }
}

@media(min-width:992px) {
    .l-detail-content--facility1 .l-google-map {
        width: 100%;
        height: 480px;
        background-color: #fff;
        position: relative;
        z-index: 1
    }
}

.l-detail-content--facility1 .l-google-map_link .button-normal {
    width: 100%;
    margin: 0 0 40px
}

@media(min-width:992px) {
    .l-detail-content--facility1 .l-google-map_link {
        text-align: right
    }

    .l-detail-content--facility1 .l-google-map_link .button-normal {
        width: auto;
        margin: 0 0 60px
    }
}

.l-detail-content--facility1 .l-media .l-media1 {
    width: 63.33333%;
    max-width: 380px;
    float: right;
    margin-right: -10px;
    margin-bottom: -80px
}

@media(min-width:992px) {
    .l-detail-content--facility1 .l-media .l-media1 {
        display: none
    }
}

.l-detail-content--facility2 {
    position: relative;
    padding-top: 60px
}

.l-detail-content--facility2 .l-card .card--xlarge {
    padding-bottom: 48px
}

@media(min-width:992px) {
    .l-detail-content--facility2 .l-card .card--xlarge {
        padding-bottom: 114px;
        padding-top: 94px
    }
}

.l-detail-content--facility2 .l-media1 {
    display: none
}

@media(min-width:992px) {
    .l-detail-content--facility2 .l-media1 {
        display: block;
        position: absolute;
        width: 37.2549%;
        max-width: 380px;
        right: 9.80392%;
        top: -230px
    }
}

.l-detail-content--facility2 .l-media2 {
    width: 100%;
    margin-bottom: 25px
}

@media(min-width:992px) {
    .l-detail-content--facility2 .l-media2 {
        width: 76.47059%;
        max-width: 780px;
        margin-bottom: 109px
    }
}

@media(min-width:992px) {
    .l-detail-content--facility2 {
        margin-top: 310px;
        padding-top: 0
    }
}

.l-detail-content--facility2 .text-annotation--mt {
    margin-top: 22px
}

.l-detail-content--facility3 .l-card .card--full {
    padding: 35px 20px 59px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--facility3 .l-card .card--full {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--facility3 .l-card .card--full {
        padding: 90px 119px 120px
    }
}

@media(min-width:992px) {
    .is--tablet .l-detail--kvfacility {
        background-image: url(/images/facility/facility_bg01.jpg), url(/images/facility/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-repeat: no-repeat, repeat;
        background-position: center top, top center
    }

    .is--tablet .l-detail--facility2 {
        padding-bottom: 53.33%;
        margin-top: -140px;
        background-image: url(/images/facility/facility_bg02.jpg), url(/images/facility/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }
}

@media(min-width:992px) {
    .l-main-w-top-nav--faq {
        background-image: url(/images/faq/faq_bg.jpg);
        background-size: auto;
        background-position: center 75px
    }
}

.l-faq {
    position: relative
}

@media(min-width:992px) {
    .l-faq {
        padding: 120px 20px 300px
    }
}

@media(min-width:992px) {
    .l-faq-header {
        padding-bottom: 52px
    }
}

.l-faq-header__nav {
    margin-top: 15px
}

@media(min-width:992px) {
    .l-faq-header__nav {
        margin-top: 32px
    }
}

@media(min-width:992px) {
    .l-faq-categories {
        margin-top: 50px
    }
}

@media(min-width:992px) {
    .l-faq-category {
        padding-top: 88px;
        padding-bottom: 111px
    }
}

@media(min-width:992px) {
    .l-faq-category {
        margin-top: 42px
    }

    .l-faq-category:first-child {
        margin-top: 0
    }

    .l-faq-category:last-child {
        padding-bottom: 88px
    }
}

.l-faq-category__title {
    font-weight: 700
}

@media(min-width:992px) {
    .is--tablet .l-main-w-top-nav--faq {
        padding-bottom: 48.7%;
        background-image: url(/images/faq/faq_bg.jpg);
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-color: #eeeffc
    }

    .is--tablet .l-faq {
        padding-top: 60px;
        padding-bottom: 0
    }
}

@media(min-width:992px) {
    .l-main-w-top-nav--privacypolicy {
        background-image: url(/images/privacypolicy/privacy_bg.jpg);
        background-size: auto;
        background-position: center 75px
    }
}

.l-contact,
.l-privacypolicy {
    position: relative
}

@media(min-width:992px) {
    .l-privacypolicy {
        padding: 120px 20px 300px
    }
}

@media(min-width:992px) {
    .is--tablet .l-main-w-top-nav--privacypolicy {
        padding-bottom: 48.7%;
        background-image: url(/images/privacypolicy/privacy_bg.jpg);
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-color: #eeeffc
    }

    .is--tablet .l-privacypolicy {
        padding-top: 60px;
        padding-bottom: 0
    }

    .is--tablet .l-privacypolicy .info-article--privacypolicy {
        padding-left: 90px;
        padding-right: 90px;
        max-width: 1024px
    }
}

@media(min-width:992px) {
    .l-main-w-top-nav--contact {
        background-image: url(/images/contact/contact_bg.jpg);
        background-size: auto;
        background-position: center 75px
    }
}

@media(min-width:992px) {
    .l-contact {
        padding: 120px 20px 300px
    }
}

.l-contact .errors-text {
    color: #c00;
    font-size: 14px;
    text-align: center;
    margin: 20px 0 -33px
}

.l-contact .errors-text p {
    background-color: #f9d4d6;
    line-height: 1.4;
    padding: 15px 5px;
    font-size: 12px
}

@media(min-width:768px) {
    .l-contact .errors-text p {
        font-size: 14px;
        padding: 20px
    }
}

.l-contact-note {
    margin-top: 27px
}

@media(min-width:992px) {
    .l-contact-note {
        margin-top: 47px
    }
}

.l-contact-text {
    font-size: 13px;
    color: #666;
    line-height: 1.5em
}

@media(min-width:992px) {
    .l-contact-text {
        font-size: 14px;
        line-height: 1.84em
    }
}

@media(min-width:992px) {
    .l-contact .info-article--contact {
        padding-bottom: 74px
    }
}

.l-contact .info-article__form--contact {
    margin-top: 53px
}

@media(min-width:992px) {
    .l-contact .info-article__form--contact {
        margin-top: 70px
    }
}

.l-contact .info-article .form-submit {
    -webkit-appearance: none;
    border-radius: 0;
    min-width: 100%;
    font-size: 13px;
    line-height: 53px;
    text-align: center;
    border: 1px solid #43526a;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #303f57;
    color: #fff;
    cursor: pointer;
    font-family: inherit
}

@media(min-width:992px) {
    .l-contact .info-article .form-submit {
        min-width: 240px;
        font-size: 16px;
        line-height: 66px
    }

    .l-contact .info-article .form-submit:hover {
        background: #43526a
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-contact .info-article .form-submit {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .l-contact .info-article .form-submit {
        max-width: 240px;
        margin-top: 33px
    }
}

.l-contact .info-article .form-link {
    min-width: 100%;
    font-size: 13px;
    line-height: 53px;
    text-align: center;
    border: 1px solid #43526a;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #303f57;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

@media(min-width:992px) {
    .l-contact .info-article .form-link {
        min-width: 240px;
        font-size: 16px;
        line-height: 66px
    }

    .l-contact .info-article .form-link:hover {
        background: #43526a
    }
}

@media(min-width:768px) and (max-width:992px) {
    .l-contact .info-article .form-link {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .l-contact .info-article .form-link {
        max-width: 240px;
        margin-top: 33px
    }
}

.l-contact .info-article .form-link__back {
    background: #fff;
    color: #303f57;
    text-decoration: none;
    line-height: 50px;
    min-width: 80.76923%;
    float: left
}

@media(min-width:768px) and (max-width:992px) {
    .l-contact .info-article .form-link__back {
        font-size: 16px
    }
}

@media(min-width:992px) {
    .l-contact .info-article .form-link__back {
        min-width: 240px;
        float: none
    }
}

.l-contact .info-article .form-link__back:hover {
    background: #eeeffc;
    color: #303f57
}

@media(min-width:992px) {
    .l-contact .info-article .col-right {
        width: 76.92308%
    }
}

@media(min-width:992px) {
    .l-contact .info-article .col-left {
        width: 23.07692%
    }
}

.l-contact .contact-complete {
    color: #696969;
    line-height: 1.857;
    margin-bottom: 40px
}

.l-contact .contact-complete__heading {
    color: #303f57
}

@media(min-width:992px) {
    .is--tablet .l-main-w-top-nav--contact {
        padding-bottom: 48.7%;
        background-image: url(/images/contact/contact_bg.jpg);
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-color: #eeeffc
    }

    .is--tablet .l-contact {
        padding-top: 60px;
        padding-bottom: 0
    }
}

.l-detail--kvparty {
    background-image: url(/images/party/sp_party_bg01.jpg);
    height: 100px;
    padding-bottom: 0
}

.l-detail--kvparty.has-news {
    height: auto;
    padding-bottom: 135px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--kvparty {
        height: 200px;
        background-position: center top
    }

    .l-detail--kvparty.has-news {
        height: auto;
        padding-bottom: 135px
    }
}

@media(min-width:992px) {
    .l-detail--kvparty {
        background-image: url(/images/party/party_bg01.jpg);
        height: 340px;
        background-position: center top;
        background-attachment: scroll;
        background-size: auto;
        padding-bottom: 0
    }

    .l-detail--kvparty.has-news {
        height: auto;
        padding-bottom: 90px
    }
}

.l-detail--party1 {
    background-image: url(/images/party/sp_party_bg02.jpg);
    padding: 81.25% 10px 25px;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    z-index: 1
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--party1 {
        padding: 81.25% 60px 100px
    }
}

@media(min-width:992px) {
    .l-detail--party1 {
        background-image: url(/images/party/party_bg02.jpg);
        padding: 120px 0 340px;
        background-position: center;
        background-size: auto
    }
}

.l-detail--party1:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/images/party/sp_bg_pattern01.jpg);
    z-index: -1;
    margin-top: 100%
}

@media(min-width:992px) {
    .l-detail--party1:after {
        display: none
    }
}

.l-detail--party2 {
    background-image: url(/images/party/sp_party_bg03.jpg);
    padding: 81.25% 10px 25px;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    z-index: 1
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail--party2 {
        padding: 81.25% 60px 100px
    }
}

@media(min-width:992px) {
    .l-detail--party2 {
        background-image: url(/images/party/party_bg03.jpg);
        background-size: auto;
        background-position: center;
        padding: 0
    }
}

.l-detail--party2:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/images/party/sp_bg_pattern01.jpg);
    z-index: -1;
    margin-top: 100%
}

@media(min-width:992px) {
    .l-detail--party2:after {
        display: none
    }
}

@media(min-width:992px) {
    .l-detail-content--party1 .l-card {
        float: right
    }
}

.l-detail-content--party1 .card--xlarge {
    padding: 40px 20px 85px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--party1 .card--xlarge {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--party1 .card--xlarge {
        padding: 110px 120px 197px
    }
}

.l-detail-content--party1 .detail-article__body {
    font-size: 13px;
    line-height: 1.481
}

@media(min-width:992px) {
    .l-detail-content--party1 .detail-article__body {
        font-size: 14px;
        line-height: 1.857
    }
}

@media(min-width:992px) {
    .l-detail-content--party1 .detail-article__body p {
        line-height: 1.8em
    }
}

.l-detail-content--party1 .l-img {
    position: relative;
    clear: both
}

.l-detail-content--party1 .l-img1 {
    width: 60%;
    margin-left: -10px;
    margin-top: -50px
}

@media(min-width:992px) {
    .l-detail-content--party1 .l-img1 {
        width: 46.29410%;
        position: absolute;
        bottom: 100%;
        right: 547px;
        left: auto;
        margin: 0;
    }
}

.l-detail-content--party2 {
    padding-bottom: 25px
}

@media(min-width:992px) {
    .l-detail-content--party2 {
        padding-bottom: 400px;
        padding-top: 300px;
        position: relative
    }
}

.l-detail-content--party2 .l-card {
    position: relative;
    z-index: 1
}

@media(min-width:992px) {
    .l-detail-content--party2 .l-card {
        margin-top: -170px
    }
}

.l-detail-content--party2 .l-download-list {
    margin-top: 30px
}

@media(min-width:992px) {
    .l-detail-content--party2 .l-download-list {
        margin-top: 40px
    }
}

.l-detail-content--party2 .l-download-list>li {
    margin-top: 10px
}

@media(min-width:992px) {
    .l-detail-content--party2 .l-card-download {
        margin-top: -100px;
        margin-right: 70px;
        float: right
    }

    .l-detail-content--party2 .l-card-download .card--xlarge {
        min-height: 500px;
        padding-bottom: 110px
    }
}

.l-detail-content--party2 .l-card-download .icon-icon_dl {
    position: relative
}

.l-detail-content--party2 .l-card-download .icon-icon_dl:before {
    position: absolute;
    top: 2px;
    left: -20px
}

.l-detail-content--party2 .card--xlarge {
    padding: 40px 20px
}

@media(min-width:768px) and (max-width:992px) {
    .l-detail-content--party2 .card--xlarge {
        padding: 80px 90px 140px
    }
}

@media(min-width:992px) {
    .l-detail-content--party2 .card--xlarge {
        padding: 110px 80px 148px;
        max-width: 520px;
        min-width: 520px;
        width: 520px
    }
}

.l-detail-content--party2 .detail-article__body {
    font-size: 13px;
    line-height: 1.481
}

@media(min-width:992px) {
    .l-detail-content--party2 .detail-article__body {
        font-size: 14px;
        line-height: 1.857
    }
}

.l-detail-content--party2 .detail-article__body p {
    margin-top: 15px
}

@media(min-width:992px) {
    .l-detail-content--party2 .detail-article__body p {
        margin-top: 19px
    }
}

.l-detail-content--party2 .l-img {
    position: relative
}

@media(min-width:992px) {
    .l-detail-content--party2 .l-img {
        position: static
    }
}

.l-detail-content--party2 .l-img1 {
    width: 60%;
    margin-left: -10px
}

@media(min-width:992px) {
    .l-detail-content--party2 .l-img1 {
        width: 43.29412%;
        float: none;
        display: block;
        position: absolute;
        left: 10px;
    }
}

.l-detail-content--party2 .l-img2 {
    width: 96.66667%;
    margin-right: -10px;
    float: right
}

@media(min-width:992px) {
    .l-detail-content--party2 .l-img2 {
        width: 60.78431%;
        position: absolute;
        float: none;
        right: 0;
        top: -5%;
        z-index: 0;
        margin: 0
    }
}

@media(min-width:992px) {
    .is--tablet .l-detail--party1 {
        padding-top: 0;
        padding-bottom: 49.63%;
        background-image: url(/images/party/party_bg02.jpg), url(/images/wedding/sp_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail--party2 {
        padding-bottom: 21.85%;
        background-image: url(/images/party/party_bg03.jpg), url(/images/wedding/sp_bg_pattern01.jpg);
        background-size: 100% auto, 200px 200px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat
    }

    .is--tablet .l-detail-content--party2 .l-img2 {
        left: 347px
    }
}

@media(min-width:992px) {
    .l-main-w-top-nav--company {
        background-image: url(/images/pages/company/company_bg01.jpg);
        background-size: auto;
        background-position: center 75px
    }
}

@media(min-width:992px) {
    .l-company {
        padding: 120px 20px 0
    }
}

@media(min-width:992px) {
    .l-company-group {
        padding-bottom: 300px
    }
}

@media(min-width:992px) {
    .is--tablet .l-main-w-top-nav--company {
        padding-bottom: 48.7%;
        background-image: url(/images/pages/company/company_bg01.jpg);
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-color: #eeeffc
    }

    .is--tablet .l-company-group {
        padding-bottom: 0
    }

    .is--tablet .l-company {
        padding-top: 60px;
        padding-bottom: 0
    }
}

@media(min-width:992px) {
    .l-news {
        padding-top: 120px;
        padding-bottom: 300px
    }
}

@media(min-width:992px) {
    .l-main-w-top-nav--sitemap {
        background-image: url(/images/sitemap/sitemap_bg.jpg);
        background-size: auto;
        background-position: center 75px
    }
}

@media(min-width:992px) {
    .l-sitemap {
        padding: 120px 20px 300px
    }
}

.l-sitemap .card__title--mbt {
    margin-bottom: 25px
}

@media(min-width:992px) {
    .l-sitemap .card__title--mbt {
        margin-bottom: 0
    }
}

@media(min-width:992px) {
    .is--tablet .l-main-w-top-nav--sitemap {
        padding-bottom: 48.7%;
        background-image: url(/images/sitemap/sitemap_bg.jpg);
        background-size: 100% auto;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-color: #eeeffc
    }

    .is--tablet .l-sitemap {
        padding-top: 60px;
        padding-bottom: 0
    }
}

.l-404 {
    background-color: #58657a;
    color: #fff
}

.l-404 .card--404 {
    background: 0;
    color: #fff;
    text-align: center
}

@media(min-width:768px) {
    .l-404 .card--404 {
        padding-top: 90px;
        padding-bottom: 130px
    }
}

.l-404__heading {
    font-family: "Reem Kufi", sans-serif;
    font-size: 90px
}

@media(min-width:768px) {
    .l-404__heading {
        font-size: 160px
    }
}

.l-404__heading span {
    display: block;
    font-size: 30px
}

@media(min-width:768px) {
    .l-404__heading span {
        font-size: 60px
    }
}

.l-404__description {
    font-size: 14px;
    margin-top: 28px;
    padding-left: 18px
}

@media(min-width:768px) {
    .l-404__description {
        font-size: 24px
    }
}

.l-404__button {
    line-height: 35px;
    background: 0;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    overflow: hidden;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 1px solid #fff;
    min-width: 160px;
    margin-top: 25px
}

.l-404__button:after {
    content: "";
    position: absolute;
    height: 39px;
    background-image: url(../svg/button_arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    top: -2px;
    background-size: 100% 100%;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width:992px) {
    .l-404__button {
        line-height: 50px;
        font-size: 14px
    }

    .l-404__button:after {
        height: 60px;
        top: -5px
    }
}

@media(min-width:768px) {
    .l-404__button {
        min-width: 300px;
        margin-top: 55px
    }
}

@media(min-width:992px) {
    .l-404__button:hover {
        background-color: #6a7588
    }
}

.is-language * {
    white-space: normal
}

.is-language.is-en .toplanguage__item--en {
    display: none
}

.is-language.is-en .toplanguage__item--jp {
    display: block
}

.is-language.is-cn .toplanguage__item--cn {
    display: none
}

.is-language.is-cn .toplanguage__item--jp {
    display: block
}

.is-language.is-tw .toplanguage__item--tw {
    display: none
}

.is-language.is-tw .toplanguage__item--jp {
    display: block
}

.is-language.is-ko .toplanguage__item--ko {
    display: none
}

.is-language.is-ko .toplanguage__item--jp {
    display: block
}

.is-language .l-detail--kvfacility {
    background: url(/images/facility/sp_facility_bg02.jpg) no-repeat top center/100% auto, url(../images/share/pattern02.jpg) repeat top center/contain
}

@media(min-width:992px) {
    .is-language .l-detail--kvfacility {
        background-image: url(/images/facility/facility_bg02.jpg);
        background-size: auto;
        background-position: center top;
        background-attachment: fixed;
        padding-top: 122px;
        padding-bottom: 180px
    }
}

.is-language .l-top-welcome {
    padding-top: 41px;
    padding-bottom: 238px
}

@media(min-width:992px) {
    .is-language .l-top-welcome {
        padding: 185px 20px 270px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview--tower {
        padding-bottom: 240px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--tower {
        top: -106px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--tower .card--xlarge {
        padding-bottom: 290px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--tower .l-img1 {
        bottom: 156px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--tower .l-img2 {
        bottom: -165px
    }
}

.is-language .l-top-preview-content--museum .preview-article,
.is-language .l-top-preview-content--tower .preview-article {
    margin-bottom: 0
}

@media(min-width:992px) {
    .is-language .l-top-preview--museum {
        padding-bottom: 140px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--museum .l-img1 {
        top: -66px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--museum .card--large {
        padding-bottom: 47px
    }
}

@media(min-width:992px) {
    .is-language .preview-banner {
        padding: 96px 0
    }
}

.is-language .preview-banner__button {
    display: none
}

@media(min-width:992px) {
    .is-language .l-top-preview--restaurant {
        padding-bottom: 552px
    }
}

.is-language .l-top-preview-content--restaurant .l-card .preview-article {
    margin-bottom: 0
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--restaurant .l-card .preview-article {
        margin-bottom: 52px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--shop .card--small {
        padding-bottom: 56px
    }
}

@media(min-width:992px) {
    .is-language .l-top-preview-content--shop .l-card .preview-article {
        margin-bottom: 56px
    }
}

@media(min-width:992px) {
    .is-language .l-detail-content--facility1 .l-card .card--xlarge {
        margin-top: 16px;
        padding-top: 71px;
        padding-bottom: 100px
    }
}

.is-language .l-detail-content--facility1 .l-card .preview-article__body {
    margin-top: 26px
}

.is-language .l-detail-content--facility1 .l-card .preview-article {
    margin-bottom: 0
}

.is-language .l-detail-content--facility2 {
    padding-top: 60px
}

@media(min-width:992px) {
    .is-language .l-detail-content--facility2 {
        margin-top: 342px;
        padding-top: 0
    }
}

.is-language .l-detail-content--facility2 .l-card {
    margin-right: 0;
    margin-left: 0
}

@media(min-width:992px) {
    .is-language .l-detail-content--facility2 .l-card {
        margin-left: 0;
        margin-right: 0
    }
}

.is-language .l-detail-content--facility3 {
    padding-bottom: 20px
}

.is-language .l-detail-content--facility3 .l-card {
    margin-right: 0;
    margin-left: 0
}

@media(min-width:992px) {
    .is-language .l-detail-content--facility3 .l-card .card--full {
        padding-top: 51px;
        padding-bottom: 85px
    }
}

.is-language .footer {
    padding: 63px 0 60px
}

.is-language .toplanguage {
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: inherit;
    height: 25px;
    width: 93px
}

.is-language .toplanguage__title {
    color: #fff;
    background-color: #2e3e59;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 25px;
    font-size: 13px;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    padding: 0 15px;
    width: 93px;
    text-align: center
}

.is-language .toplanguage__list {
    display: inline-block;
    width: 240px
}

.is-language .toplanguage__item {
    background-color: #3e5170;
    font-size: 13px;
    font-family: "Reem Kufi", sans-serif;
    float: left;
    display: block;
    line-height: 25px
}

@media(min-width:992px) {
    .is-language .toplanguage__item:hover {
        opacity: .8
    }
}

.is-language .toplanguage__link {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 58px
}

.is-language .toplanguage__link:first-child {
    padding-left: 0
}

.is-language .toplanguage__link:last-child {
    padding-right: 0
}

.is-language .toplanguage--inside-nav {
    display: block;
    margin-top: 51px
}

.is-language .toplanguage--inside-nav .toplanguage__link {
    width: 60px;
    border-right: 1px solid #65748d
}

.is-language .toplanguage--inside-nav .toplanguage__link::last-child {
    border: 0
}

@media(min-width:992px) {
    .is-language .toplanguage--inside-nav {
        display: none;
        margin-top: 0
    }
}

@media(min-width:992px) {
    .is--tablet.is-language .l-detail--kvfacility {
        padding-top: 50px;
        padding-bottom: 53.33%;
        margin-top: 0;
        background-image: url(/images/facility/facility_bg02.jpg), url(/images/facility/tab_bg_pattern01.jpg);
        background-size: 100% auto, 400px 400px;
        background-position: center bottom, top center;
        background-repeat: no-repeat, repeat;
        background-attachment: scroll
    }
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}

.container-fluid:after,
.container-fluid:before {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: 0;
    margin-right: 0
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    opacity: 1
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media(min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media(min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 0
}

@media(min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33px;
        font-size: 18px
    }
}

@media(min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:after,
.modal-footer:before {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.mce-content-body {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size: 13px
}

.mce-content-body.mce-content-body-card h2 {
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    font-size: 19px;
    line-height: 1.4em;
    margin-bottom: 30px
}

.mce-content-body.mce-content-body-card h2.wedding-heading-2 {
    font-family: "Reem Kufi", sans-serif;
    margin-bottom: 10px
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body.mce-content-body-card h2 {
        font-size: 27px
    }
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card h2 {
        font-size: 28px;
        margin-bottom: 30px
    }

    .mce-content-body.mce-content-body-card h2.wedding-heading-1 {
        font-size: 24px;
        line-height: 1.5em;
        margin-bottom: 35px
    }

    .mce-content-body.mce-content-body-card h2.wedding-heading-2 {
        font-family: "Reem Kufi", sans-serif;
        font-size: 36px;
        margin-bottom: 23px
    }
}

.mce-content-body.mce-content-body-card h3 {
    font-weight: 700;
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size: 16px;
    margin-bottom: 25px
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body.mce-content-body-card h3 {
        font-size: 23px
    }
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card h3 {
        font-size: 22px;
        margin-bottom: 20px
    }
}

.mce-content-body.mce-content-body-card h4 {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 3px
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card h4 {
        font-size: 14px;
        margin-bottom: 8px
    }
}

.mce-content-body.mce-content-body-card .heading-menu-items {
    font-family: "Reem Kufi", sans-serif;
    color: #999;
    font-size: 12px;
    margin-bottom: 2px
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .heading-menu-items {
        font-size: 16px;
        margin-bottom: 5px
    }
}

.mce-content-body.mce-content-body-card .heading-menu {
    font-family: "Reem Kufi", sans-serif;
    font-size: 21px;
    margin-bottom: 28px;
    line-height: 1em
}

.mce-content-body.mce-content-body-card .heading-menu span {
    line-height: 1em;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .heading-menu {
        font-size: 36px;
        margin-bottom: 19px
    }

    .mce-content-body.mce-content-body-card .heading-menu span {
        font-size: 18px;
        margin-bottom: 0
    }
}

.mce-content-body.mce-content-body-card .menu-items {
    font-size: 13px
}

.mce-content-body.mce-content-body-card .menu-items ul {
    font-size: 12px;
    margin-top: 3px;
    list-style-type: none;
    list-style-position: inside
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .menu-items ul {
        margin-top: 6px;
        font-size: 12px
    }
}

.mce-content-body.mce-content-body-card .menu-items ul li {
    text-indent: -1em;
    line-height: 1.4em;
    border-bottom: 0;
    padding: 0 14px
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .menu-items ul li {
        padding: 0 15px 3px
    }
}

.mce-content-body.mce-content-body-card .menu-items ul li:before {
    display: inline-block;
    content: " ";
    width: 6px;
    height: 6px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 3px
}

.mce-content-body.mce-content-body-card .menu-items ul li.color-navy:before {
    color: #303f57;
    background-color: #303f57
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .menu-items {
        font-size: 14px;
        margin-bottom: 27px !important
    }
}

.mce-content-body.mce-content-body-card .menu-items:last-child {
    margin-bottom: 0 !important
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .menu-items .menu-subitems {
        padding-left: 10px;
        padding-right: 10px
    }
}

.mce-content-body.mce-content-body-card .menu-items .menu-subitems li:before {
    left: 0
}

@media(min-width:768px) {
    .mce-content-body.mce-content-body-card .menu-items .menu-subitems li {
        font-size: 12px;
        line-height: 20px
    }
}

.mce-content-body.mce-content-body-card .menu-title {
    font-size: 16px;
    line-height: 22px
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .menu-title {
        font-size: 18px;
        line-height: 26px
    }
}

.mce-content-body.mce-content-body-card .menu-subitems:last-child {
    margin-bottom: 0 !important
}

.mce-content-body.mce-content-body-card .menu-description {
    font-size: 14px;
    color: #999;
    margin-bottom: 6px
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .menu-description {
        font-size: 16px;
        margin-bottom: 14px
    }
}

.mce-content-body.mce-content-body-card .heading-logo,
.mce-content-body.mce-content-body-card .heading-logo-islandblue,
.mce-content-body.mce-content-body-card .heading-logo-oceancafe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

@media(min-width:768px) and (max-width:992px) {

    .mce-content-body.mce-content-body-card .heading-logo,
    .mce-content-body.mce-content-body-card .heading-logo-islandblue,
    .mce-content-body.mce-content-body-card .heading-logo-oceancafe {
        margin-bottom: 50px
    }
}

@media(min-width:992px) {

    .mce-content-body.mce-content-body-card .heading-logo,
    .mce-content-body.mce-content-body-card .heading-logo-islandblue,
    .mce-content-body.mce-content-body-card .heading-logo-oceancafe {
        margin-bottom: 50px
    }
}

.mce-content-body.mce-content-body-card .heading-logo-oceancafe {
    width: 55%
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .heading-logo-oceancafe {
        width: auto
    }
}

.mce-content-body.mce-content-body-card .heading-logo-islandblue {
    width: 73%
}

@media(min-width:992px) {
    .mce-content-body.mce-content-body-card .heading-logo-islandblue {
        width: auto
    }
}

.mce-content-body .wp-caption {
    width: 100% !important
}

@media(min-width:992px) {
    .mce-content-body {
        font-size: 14px
    }
}

.card--navy .mce-content-body a {
    color: #fff
}

.card--white .mce-content-body a {
    color: #2c3684
}

.mce-content-body [id*=gallery] img {
    border: 0 !important
}

.mce-content-body [id*=gallery] .gallery-item {
    padding-left: 5px !important;
    padding-right: 5px !important
}

@media(max-width:768px) {
    .mce-content-body [id*=gallery] .gallery-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        width: 100% !important
    }

    .mce-content-body [id*=gallery] br {
        display: none !important
    }
}

.mce-content-body img:not([class]),
.mce-content-body img:not([style]) {
    width: auto;
    max-width: 100%;
    height: auto
}

.mce-content-body ul>li {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    padding-left: 1em
}

.mce-content-body ul>li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #303f57;
    position: relative;
    left: -1em
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body ul>li {
        font-size: 14px;
        line-height: 1.9
    }
}

@media(min-width:992px) {
    .mce-content-body ul>li {
        line-height: 1.9em;
        font-size: 14px
    }
}

.mce-content-body ul[style] {
    margin-left: 1.25em
}

.mce-content-body ul[style]>li {
    padding-left: 0
}

.mce-content-body ul[style]>li:before {
    display: none
}

.mce-content-body ol {
    list-style-type: decimal;
    padding-left: 1.25em
}

.mce-content-body ol>li {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size: 13px;
    line-height: 1.5em
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body ol>li {
        font-size: 14px;
        line-height: 1.9
    }
}

@media(min-width:992px) {
    .mce-content-body ol>li {
        line-height: 1.9em;
        font-size: 14px
    }
}

.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6,
.mce-content-body p {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
    font-size: 13px
}

@media(min-width:768px) and (max-width:992px) {

    .mce-content-body h1,
    .mce-content-body h2,
    .mce-content-body h3,
    .mce-content-body h4,
    .mce-content-body h5,
    .mce-content-body h6,
    .mce-content-body p {
        font-size: 14px
    }
}

@media(min-width:992px) {

    .mce-content-body h1,
    .mce-content-body h2,
    .mce-content-body h3,
    .mce-content-body h4,
    .mce-content-body h5,
    .mce-content-body h6,
    .mce-content-body p {
        font-size: 14px
    }
}

.mce-content-body a {
    color: #2c3684;
    text-decoration: underline;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.mce-content-body a:hover {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #828b9d
}

.mce-content-body a img {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 1
}

.mce-content-body a:hover img {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: .8
}

.mce-content-body .heading-dash,
.mce-content-body .heading-dash-white {
    padding-left: 20px;
    position: relative;
    margin-bottom: 23px
}

.mce-content-body .heading-dash-white:before,
.mce-content-body .heading-dash:before {
    content: "";
    display: block;
    height: 2px;
    width: 10px;
    background-color: #303f57;
    position: absolute;
    top: 13px;
    left: 0
}

@media(min-width:992px) {

    .mce-content-body .heading-dash,
    .mce-content-body .heading-dash-white {
        margin-left: -28px;
        padding-left: 28px;
        font-size: 24px;
        margin-bottom: 28px
    }

    .mce-content-body .heading-dash-white:before,
    .mce-content-body .heading-dash:before {
        width: 14px;
        top: 15px
    }
}

.mce-content-body .heading-dash-white:before {
    background-color: #fff
}

.mce-content-body strong {
    font-weight: 700
}

.mce-content-body p {
    line-height: 1.5em;
    margin-bottom: 16px
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body p {
        line-height: 1.9
    }
}

@media(min-width:992px) {
    .mce-content-body p {
        line-height: 1.9em;
        margin-bottom: 25px
    }
}

.mce-content-body p:last-child {
    margin-bottom: 0
}

.mce-content-body .br_sp {
    display: inline
}

@media(min-width:992px) {
    .mce-content-body .br_sp {
        display: none
    }
}

.mce-content-body .br_pc {
    display: none
}

@media(min-width:992px) {
    .mce-content-body .br_pc {
        display: block
    }
}

.mce-content-body table.table-multi-col {
    width: 100%;
    display: table;
    margin-bottom: 35px
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body table.table-multi-col {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width:992px) {
    .mce-content-body table.table-multi-col {
        display: table;
        margin-bottom: 25px
    }
}

.mce-content-body table.table-multi-col tr {
    display: block;
    margin-bottom: 19px
}

@media(min-width:992px) {
    .mce-content-body table.table-multi-col tr {
        display: table-row;
        border-bottom: 1px solid #696969;
        margin-bottom: 0
    }
}

.mce-content-body table.table-multi-col tr:last-child {
    margin-bottom: 0
}

.mce-content-body table.table-multi-col tr.table-row-heading {
    display: none
}

@media(min-width:992px) {
    .mce-content-body table.table-multi-col tr.table-row-heading {
        display: table-row
    }
}

.mce-content-body table.table-multi-col tr.table-row-heading td {
    font-weight: 700
}

.mce-content-body table.table-multi-col td {
    display: block;
    padding: 5px 10px
}

.mce-content-body table.table-multi-col td span.label-sp {
    display: block;
    width: 50%;
    float: left
}

@media(min-width:992px) {
    .mce-content-body table.table-multi-col td span.label-sp {
        display: none
    }
}

.mce-content-body table.table-multi-col td span.value {
    display: block;
    width: 50%;
    float: left;
    text-align: right
}

@media(min-width:992px) {
    .mce-content-body table.table-multi-col td span.value {
        display: inline;
        width: auto;
        float: none;
        text-align: center
    }
}

@media(min-width:992px) {
    .mce-content-body table.table-multi-col td {
        display: table-cell;
        text-align: center;
        padding: 15px 0 11px
    }
}

.mce-content-body table.table-multi-col td:after {
    display: table;
    content: " ";
    clear: both
}

@media(min-width:992px) {
    .mce-content-body table.table-multi-col td:after {
        display: none
    }
}

.mce-content-body table.table-multi-col td.table-col-heading {
    font-weight: 400;
    display: block;
    background-color: #58657a;
    padding: 6px 10px;
    margin-bottom: 5px
}

@media(min-width:992px) {
    .mce-content-body table.table-multi-col td.table-col-heading {
        font-weight: 700;
        display: table-cell;
        background-color: transparent;
        text-align: left;
        max-width: 230px;
        width: 230px;
        margin-bottom: 0
    }
}

.mce-content-body .table-two-column tr {
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 12px 0
}

.mce-content-body .table-two-column td {
    display: block;
    font-size: 13px;
    line-height: 1.53846em;
    text-align: left
}

.mce-content-body .table-two-column td:first-child {
    margin-bottom: 8px
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body .table-two-column td {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width:992px) {
    .mce-content-body .table-two-column {
        margin-bottom: 22px
    }

    .mce-content-body .table-two-column tr {
        display: table-row
    }

    .mce-content-body .table-two-column td {
        display: table-cell;
        padding: 11px 0 8px;
        font-size: 14px;
        vertical-align: top;
        line-height: 1.85714em
    }

    .mce-content-body .table-two-column td:first-child {
        width: 25%
    }

    .mce-content-body .table-two-column td:last-child {
        width: 75%
    }
}

.mce-content-body .tm-btn1,
.mce-content-body .tm-btn2 {
    padding: 10px 15px;
    font-size: 13px;
    color: #fff;
    line-height: 1.5;
    background: #303f57;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent
}

@media(min-width:768px) {

    .mce-content-body .tm-btn1,
    .mce-content-body .tm-btn2 {
        font-size: 14px;
        line-height: 1.5;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .mce-content-body .tm-btn1:hover,
    .mce-content-body .tm-btn2:hover {
        background: #43526a;
        color: #fff
    }
}

.mce-content-body .tm-btn2 {
    display: block
}

.mce-content-body .tm-btn3 {
    padding: 10px;
    display: inline;
    text-decoration: none;
    color: #303f57;
    font-size: 14px;
    border: 1px solid #43526a;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #fff
}

@media(min-width:992px) {
    .mce-content-body .tm-btn3 {
        padding: 15px
    }

    .mce-content-body .tm-btn3:hover {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-color: #eeeffc
    }
}

.mce-content-body .tm-btn4 {
    padding: 10px;
    display: block;
    text-decoration: none;
    color: #303f57;
    font-size: 14px;
    border: 1px solid #43526a;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #fff
}

@media(min-width:992px) {
    .mce-content-body .tm-btn4 {
        padding: 15px
    }

    .mce-content-body .tm-btn4:hover {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-color: #eeeffc
    }
}

.mce-content-body .tm-link1 {
    color: #02156a;
    text-decoration: none !important;
    line-height: 40px;
    display: inline-block;
    font-size: 14px
}

.mce-content-body .tm-link1:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 7px solid #02156a;
    border-bottom: 4px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -3px
}

@media(min-width:992px) {
    .mce-content-body .tm-link1 {
        line-height: 40px;
        text-decoration: none !important;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s
    }

    .mce-content-body .tm-link1:hover {
        cursor: pointer;
        color: #696969
    }

    .mce-content-body .tm-link1:hover:before {
        border-left: 7px solid #696969
    }
}

.mce-content-body .tm-fz1 {
    font-size: 13px !important;
    line-height: 1.4 !important
}

@media(min-width:992px) {
    .mce-content-body .tm-fz1 {
        font-size: 14px !important
    }
}

.mce-content-body .tm-fz2 {
    font-size: 12px !important;
    line-height: 1.4 !important
}

@media(min-width:992px) {
    .mce-content-body .tm-fz2 {
        font-size: 16px !important
    }
}

.mce-content-body .tm-fz3 {
    font-size: 15px !important;
    line-height: 1.4 !important
}

@media(min-width:992px) {
    .mce-content-body .tm-fz3 {
        font-size: 18px !important
    }
}

.mce-content-body .tm-fz4 {
    font-size: 16px !important;
    line-height: 1.4 !important
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body .tm-fz4 {
        font-size: 23px !important
    }
}

@media(min-width:992px) {
    .mce-content-body .tm-fz4 {
        font-size: 22px !important
    }
}

.mce-content-body .tm-fz5 {
    font-size: 19px !important;
    line-height: 1.4 !important
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body .tm-fz5 {
        font-size: 27px !important
    }
}

@media(min-width:992px) {
    .mce-content-body .tm-fz5 {
        font-size: 28px !important
    }
}

.mce-content-body .tm-fz6 {
    font-size: 21px !important;
    line-height: 1.4 !important
}

@media(min-width:768px) and (max-width:992px) {
    .mce-content-body .tm-fz6 {
        font-size: 32px !important
    }
}

@media(min-width:992px) {
    .mce-content-body .tm-fz6 {
        font-size: 36px !important
    }
}

.mce-content-body .tm-ff1 {
    font-family: "游明朝", "YuMincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif !important
}

.mce-content-body .tm-ff2 {
    font-family: "Reem Kufi", sans-serif !important
}

.mce-content-body .tm-ff3 {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif !important
}

.mce-content-body .tm-mb0 {
    margin-bottom: 0 !important
}

.mce-content-body .tm-mb1 {
    margin-bottom: 5px !important
}

.mce-content-body .tm-mb2 {
    margin-bottom: 20px !important
}

.mce-content-body .tm-mb3 {
    margin-bottom: 30px !important
}

.mce-content-body .tm-mb4 {
    margin-bottom: 50px !important
}

.mce-content-body .tm-indent {
    text-indent: -1em !important;
    padding-left: 1em !important
}

.mce-content-body .tm-list1 {
    list-style-type: none;
    line-height: 1.5em;
    font-size: 13px;
    border-bottom: 1px solid #696969;
    padding: 10px 2px
}

.mce-content-body .tm-list1:before {
    display: none
}

@media(min-width:992px) {
    .mce-content-body .tm-list1 {
        padding: 10px;
        margin-left: -10px;
        margin-right: -10px
    }
}

.mce-content-body .tm-list1:last-child {
    border-bottom: 0
}

.mce-content-body .tm-list2 {
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.7em
}

.mce-content-body .tm-list2:before {
    display: inline-block;
    content: " ";
    width: 6px;
    height: 6px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 7px;
    left: 0
}

.mce-content-body .text-annotation,
.mce-content-body .text-annotation-blue,
.mce-content-body .text-annotation-small {
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5em;
    margin-bottom: 24px
}

@media(min-width:768px) and (max-width:992px) {

    .mce-content-body .text-annotation,
    .mce-content-body .text-annotation-blue,
    .mce-content-body .text-annotation-small {
        font-size: 14px
    }
}

@media(min-width:992px) {

    .mce-content-body .text-annotation,
    .mce-content-body .text-annotation-blue,
    .mce-content-body .text-annotation-small {
        margin-bottom: 12px
    }
}

.mce-content-body .text-annotation-blue:last-child,
.mce-content-body .text-annotation-small:last-child,
.mce-content-body .text-annotation:last-child {
    margin-bottom: 0
}

.mce-content-body .text-annotation-small {
    font-size: 10px
}

@media(min-width:992px) {
    .mce-content-body .text-annotation-small {
        font-size: 12px
    }
}

.mce-content-body .text-annotation-blue {
    color: #0c1a5c
}

.mce-content-body .font-english {
    font-family: "Reem Kufi", sans-serif
}

.mce-content-body .font-japanese {
    font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif
}

.mce-content-body .color-gray {
    color: #999
}

.mce-content-body .color-blue {
    color: #0c1a5c
}

.mce-content-body .color-navy {
    color: #303f57
}

p.copy-w {
    text-align: right;
    padding: 20px 0;
    /* background: rgba(255,255,255,0.5); */
    margin-top: 20px;
    color: #ffffff;
}
@media(max-width:768px) {
p.copy-w {
    text-align: right;
    padding: 20px;
    /* background: rgba(255,255,255,0.5); */
    margin-top: 20px;
    color: #333;
}
}
.sub_nav {
    position: fixed;
    right: 0;
    z-index: 1000;
    inset: 0;
    margin: auto;
}
.sub_nav ul {
    width: 64px;
    height: 100%;
}
.sub_nav ul li {
    margin: 0;
    box-shadow: 0px 0px 6px rgba(46,62,89,0.8);
    position: absolute;
    right: 0;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    box-sizing: border-box;
    border-radius: 5px 0 0 5px;
}
.sub_nav ul li:hover a {
    padding-right: 20px;
}
.sub_nav ul li:first-child {
    border-right: none;
    top: 0;
}
.sub_nav ul li:last-child {
    border-right: none;
    top: auto;
    bottom: 0;
}
.sub_nav ul li a {
    display: block;
    padding: 48px 20px 20px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 2px;
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
    box-sizing: border-box;
    font-family: "M PLUS Rounded 1c";
    font-weight: 100;
}

.sub_nav ul li:hover a {
    color: #fff;
}
@media(min-width:768px) {
    .sub_nav ul li {
        -webkit-transition: padding 0.3s ease;
        -moz-transition: padding 0.3s ease;
        -o-transition: padding 0.3s ease;
        transition: padding 0.3s ease;
    }
    .sub_nav ul li:hover {
        padding-right: 20px;
    }
}

@media(max-width:768px) {
.sub_nav {
    position: fixed;
    right: auto;
    left: 0;
    top: auto;
    bottom: -62px;
    z-index: 1000;
    width: 100%;
    transition: .3s;
}
.sub_nav.hide,.sub_nav.hide1{
    transform: translateY(-100%);
}
.sub_nav ul {
    display: flex;
    width: auto;
    height: auto;
}
.sub_nav ul li {
    width: 50%;
    margin: 0;
    box-shadow: none;
    position: static;
    right: 0;
    border: none !important;
    border-radius: 0;
}
.sub_nav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-decoration: none;
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    position: relative;
}}


.contBox {
    line-height: 1.4;
}
.contBox h3{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 15px;
}

.pdf_dl a{
    text-decoration: none;
}

.enqTitle{display:none;}
.enqForm{margin-top:70px;}
.enqForm table{width: 100%;}
.enqForm th,.enqForm td{padding-bottom:38px;}
.enqForm th{vertical-align: top;font-weight: 600;padding-top: 20px;}
.enqForm td{ width: 76.92308%;}
.form-control{ padding: 18px;height: 52px;}
.enqRequire{color: #f00;}
.enqFormFoot th{ text-align: center;}
.enqFormFoot .btn{
    -webkit-appearance: none;
    border-radius: 0;
    min-width: 100%;
    font-size: 13px;
    line-height: 53px;
    text-align: center;
    border: 1px solid #43526a;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    font-family: inherit;max-width: 240px;
    margin-top: 33px;    min-width: 240px;
    font-size: 16px;
    line-height: 66px;}
.enqFormFoot .btn-secondary{
    background: #fff;
    color: #303f57;    
}
.enqFormFoot .btn-primary{
    background: #303f57;
    color: #fff;    
}
.errors{color: #f00;
    font-size: 14px;
    margin-top: 5px;}
@media(max-width:768px) {
.enqForm table,.enqForm tbody,.enqForm tfoot,.enqForm tr,.enqForm th,.enqForm td{display:block;width: 100%;box-sizing:border-box;}
.enqForm th{padding: 0 0 15px;}
.enqFormFoot .btn{    margin-top: 20px;
    min-width: 100%;
    font-size: 13px;
    line-height: 53px;}
}