@charset "UTF-8";

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
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,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

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

nav ul {
    list-style: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #000
}

ins {
    text-decoration: none
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

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

input,
textarea {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

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

caption,
th {
    text-align: left
}

a:focus {
    outline: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
    min-height: 1px
}

* html .clearfix {
    height: 1px
}

.both {
    clear: both
}

.inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

img {
    height: auto
}

table {
    width: 100%
}

a,
a:hover {
    -webkit-transition: .3s;
    transition: .3s
}

a img:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: .7;
    -khtml-opacity: .7
}

@-moz-document url-prefix() {
    a img:hover {
        opacity: .8
    }
}

@media (-ms-high-contrast:none) {
    a img:hover {
        opacity: .7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
        -moz-opacity: .7;
        -khtml-opacity: .7
    }
}

@media (-ms-high-contrast:none) {

    ::-ms-backdrop,
    a img:hover {
        opacity: .7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
        -moz-opacity: .7;
        -khtml-opacity: .7
    }
}

@media screen and (max-width:479px) {

    a,
    abbr,
    address,
    article,
    aside,
    audio,
    b,
    blockquote,
    body,
    canvas,
    caption,
    cite,
    code,
    dd,
    del,
    details,
    dfn,
    div,
    dl,
    dt,
    em,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    html,
    i,
    iframe,
    img,
    input,
    ins,
    kbd,
    label,
    legend,
    li,
    mark,
    menu,
    nav,
    object,
    ol,
    p,
    pre,
    q,
    samp,
    section,
    select,
    small,
    span,
    strong,
    sub,
    summary,
    sup,
    table,
    tbody,
    td,
    textarea,
    tfoot,
    th,
    thead,
    time,
    tr,
    ul,
    var,
    video {
        border: 0;
        font-size: 100%;
        font-style: normal;
        font-weight: 600;
        margin: 0;
        outline: 0;
        padding: 0;
        text-decoration: none;
        vertical-align: baseline
    }

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

    ol,
    ul {
        list-style: none
    }

    blockquote,
    q {
        quotes: none
    }

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

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

    a {
        outline: none
    }

    img {
        vertical-align: bottom
    }

    body {
        font-size: 14px;
        -webkit-text-size-adjust: none
    }
}

@-webkit-keyframes bounceY {
    0% {
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
        opacity: 0
    }

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

@keyframes bounceY {
    0% {
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
        opacity: 0
    }

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

@-webkit-keyframes line_animation {
    0% {
        stroke-dashoffset: 2000
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes line_animation {
    0% {
        stroke-dashoffset: 2000
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes line_animation2 {
    0% {
        stroke-dashoffset: 100
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes line_animation2 {
    0% {
        stroke-dashoffset: 100
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes line_animation3 {
    0% {
        stroke-dashoffset: 2000
    }

    80% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@keyframes line_animation3 {
    0% {
        stroke-dashoffset: 2000
    }

    80% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-webkit-keyframes line_animation4 {
    0% {
        stroke-dashoffset: 100
    }

    80% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@keyframes line_animation4 {
    0% {
        stroke-dashoffset: 100
    }

    80% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-webkit-keyframes sizeScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes sizeScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes handwriting_01 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
        stroke-dashoffset: 2000;
        fill: transparent
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        fill: transparent
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        stroke-dashoffset: 0;
        fill: #fff
    }
}

@keyframes handwriting_01 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
        stroke-dashoffset: 2000;
        fill: transparent
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        fill: transparent
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        stroke-dashoffset: 0;
        fill: #fff
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

html {
    font-size: 62.5%
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    color: #000;
    font-family: nimbus-sans, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, yu-gothic-pr6n, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Hiragino Sans, ヒラギノ角ゴシック, Osaka, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    line-height: 1.8;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-rendering: optimizelegibility;
    font-size: 1.4rem;
    font-weight: 400;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    position: relative
}

@media screen and (max-width:768px) {
    body {
        height: 100dvh
    }
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

::-moz-selection {
    color: #fff;
    background-color: #eee
}

::-moz-selection,
::selection {
    color: #fff;
    background-color: #eee
}

p,
span {
    font-weight: 400
}

iframe {
    border: none
}

a {
    text-decoration: none
}

.pc {
    display: none !important
}

.sp {
    display: block !important
}

.pcInline {
    display: none !important
}

.spInline {
    display: inline !important
}

.pcInlineB {
    display: none !important
}

.spInlineB {
    display: inline-block !important
}

.pcTd {
    display: none !important
}

.spTd {
    display: table-cell !important
}

.pcTbl {
    display: none !important
}

.spTbl {
    display: table !important
}

a:active img,
a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

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

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.unqMrg {
    margin-top: -60px;
    padding-top: 60px
}

html>body a.link_area {
    display: block;
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    height: 100%;
    width: 100%;
    text-indent: -9999px;
    background: #fff;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    z-index: 80;
    cursor: pointer
}

@font-face {
    font-family: myfont;
    src: url(../fonts/myfont.eot);
    src: url(../fonts/myfont.eot?) format("eot"), url(../fonts/myfont.woff) format("woff"), url(../fonts/myfont.ttf) format("truetype"), url(../fonts/myfont.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.myfont {
    display: inline-block;
    font-family: myfont;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.myfont-lg {
    font-size: 1.3333333333333333em;
    line-height: .75em;
    vertical-align: -15%
}

.myfont-2x {
    font-size: 2em
}

.myfont-3x {
    font-size: 3em
}

.myfont-4x {
    font-size: 4em
}

.myfont-5x {
    font-size: 5em
}

.myfont-fw {
    width: 1.2857142857142858em;
    text-align: center
}

.myfont-arrow_01:before {
    content: "\EA01"
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
@media screen and (min-width:769px) {
    html.has-scroll-smooth {
        overflow: hidden
    }

    html.has-scroll-dragging {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .has-scroll-smooth body {
        overflow: hidden
    }

    .has-scroll-smooth [data-scroll-container] {
        min-height: 100vh
    }

    [data-scroll-direction=horizontal] [data-scroll-container] {
        height: 100vh;
        display: inline-block;
        white-space: nowrap
    }

    [data-scroll-direction=horizontal] [data-scroll-section] {
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        height: 100%
    }

    .c-scrollbar {
        position: absolute;
        right: 0;
        top: 0;
        width: 11px;
        height: 100%;
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        transition: transform .3s, opacity .3s;
        transition: transform .3s, opacity .3s, -webkit-transform .3s;
        opacity: 0
    }

    .c-scrollbar:hover {
        -webkit-transform: scaleX(1.45);
        transform: scaleX(1.45)
    }

    .c-scrollbar:hover,
    .has-scroll-dragging .c-scrollbar,
    .has-scroll-scrolling .c-scrollbar {
        opacity: 1
    }

    [data-scroll-direction=horizontal] .c-scrollbar {
        width: 100%;
        height: 10px;
        top: auto;
        bottom: 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    [data-scroll-direction=horizontal] .c-scrollbar:hover {
        -webkit-transform: scaleY(1.3);
        transform: scaleY(1.3)
    }

    .c-scrollbar_thumb {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #000;
        opacity: .5;
        width: 7px;
        border-radius: 10px;
        margin: 2px;
        cursor: -webkit-grab;
        cursor: grab
    }

    .has-scroll-dragging .c-scrollbar_thumb {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    [data-scroll-direction=horizontal] .c-scrollbar_thumb {
        right: auto;
        bottom: 0
    }
}

@media screen and (max-width:768px) {

    .js-content,
    [data-scroll] {
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 1 !important
    }
}

footer {
    white-space: normal
}

footer,
footer .wrap,
footer>.inner {
    position: relative
}

@media screen and (min-width:769px) {
    footer {
        width: 100vw;
        background-color: #000
    }

    footer>.inner {
        width: 100vw;
        height: 100%
    }

    footer>.inner.pinWrap {
        width: 200vw;
        left: -100vw;
        overflow: hidden
    }

    footer .wrap {
        width: 100vw;
        height: 100%
    }
}

.footer-inner {
    position: relative;
    height: 100%
}

.footer-inner .bgImg {
    display: none
}

.footer-inner .mainSec {
    padding: 0 8vw;
    position: relative;
    z-index: 20
}

.footer-inner .content {
    white-space: normal
}

.footer-inner .content>.inner {
    position: relative
}

@media screen and (min-width:769px) {
    .footer-inner .bgImg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 5;
        width: 100%
    }

    .footer-inner .bgImg img {
        max-width: none;
        image-rendering: -webkit-optimize-contrast;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .footer-inner .mainSec {
        padding: 0 110px;
        height: 100%
    }

    .footer-inner .content {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 1110px;
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footLogo {
    width: 14.66667vw;
    margin: 0 auto;
    padding: 18.66667vw 0
}

.footLogo img {
    max-width: none;
    width: 100%;
    image-rendering: -webkit-optimize-contrast
}

@media screen and (min-width:769px) {
    .footLogo {
        width: 180px;
        margin: 0;
        padding: 0;
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: 1s cubic-bezier(.645, .045, .355, 1);
        transition: 1s cubic-bezier(.645, .045, .355, 1)
    }

    .is-active .footLogo {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.footInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    z-index: 100;
    font-weight: 600;
    position: relative
}

@media screen and (min-width:769px) {
    .footInfo {
        position: absolute;
        bottom: 24px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 38px
    }
}

.snsNav {
    position: relative;
    margin-bottom: 7.46667vw
}

.snsNav ul {
    letter-spacing: -.4em;
    text-align: center;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1em
}

.snsNav ul>* {
    display: inline-block;
    letter-spacing: normal
}

.snsNav li {
    margin: 0 4.26667vw
}

.snsNav a {
    color: #fff;
    display: inline-block;
    overflow: hidden;
    position: relative;
    letter-spacing: .05em;
    font-weight: 400
}

.snsNav a:before {
    content: "";
    height: 1px;
    width: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #fff
}

@media screen and (min-width:769px) {
    .snsNav a:hover:before {
        width: 100%
    }
}

@media screen and (min-width:769px) {
    .snsNav {
        margin-bottom: 0
    }

    .snsNav ul {
        text-align: right;
        font-size: 1.2rem
    }

    .snsNav li {
        margin: 0 15px 0 0
    }

    .snsNav li:last-child {
        margin-right: 0
    }
}

i,
i:before {
    vertical-align: top
}

.lazyload {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.lazyloaded {
    opacity: 1
}

.lazyloaded+.loadImg {
    display: none !important
}

.setSp .sp-way {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1);
    transition: all 1s cubic-bezier(.645, .045, .355, 1)
}

.setSp .sp-way.is-active-sp {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.way {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1);
    transition: all 1s cubic-bezier(.645, .045, .355, 1)
}

.showFlag .way,
.way.is-active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.autoWay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1);
    transition: all 1s cubic-bezier(.645, .045, .355, 1)
}

.loaded .autoWay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width:769px) {
    .autoWay {
        -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1);
        transition: all 1s cubic-bezier(.645, .045, .355, 1)
    }

    .autoWay,
    .loaded .autoWay {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    .autoWay.active {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fastWay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1);
    transition: all 1s cubic-bezier(.645, .045, .355, 1)
}

.fastWay.active,
.showContFlag .fastWay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.alphaWay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition-delay: 0s;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1) 0s;
    transition: all .6s cubic-bezier(.645, .045, .355, 1) 0s
}

.alphaWay.is-active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.scaleWay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all .9s cubic-bezier(.785, .135, .15, .86);
    transition: all .9s cubic-bezier(.785, .135, .15, .86);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.scaleWay.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.imgEffect_01>span,
.imgEffect_02>span {
    display: block;
    -webkit-transition: 1s cubic-bezier(.25, .46, .45, .94);
    transition: 1s cubic-bezier(.25, .46, .45, .94);
    overflow: hidden;
    position: relative;
    left: -100%;
    opacity: 0
}

.imgEffect_01>span img,
.imgEffect_02>span img {
    position: relative;
    left: 100%;
    -webkit-transition: 1s cubic-bezier(.25, .46, .45, .94);
    transition: 1s cubic-bezier(.25, .46, .45, .94)
}

.imgEffect_01.is-active>span,
.is-active.imgEffect_02>span {
    left: 0;
    opacity: 1
}

.imgEffect_01.is-active>span img,
.is-active.imgEffect_02>span img {
    left: 0
}

.imgEffect_02>span {
    left: auto;
    right: -100%
}

.imgEffect_02>span img {
    left: auto;
    right: 100%
}

.imgEffect_02.is-active>span,
.imgEffect_02.is-active>span img {
    left: auto;
    right: 0
}

.imgEffect_03 {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(30);
    transform: translateY(30);
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1) .5s;
    transition: all 1s cubic-bezier(.645, .045, .355, 1) .5s
}

.imgEffect_03.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.imgEffect_04 {
    overflow: hidden;
    position: relative
}

.imgEffect_04:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff
}

.is-active .imgEffect_04:before {
    -webkit-animation: slideOutRight .6s cubic-bezier(.25, .46, .45, .94) .1s forwards;
    animation: slideOutRight .6s cubic-bezier(.25, .46, .45, .94) .1s forwards
}

.imgEffect_05 {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(30);
    transform: translateY(30);
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1) .5s;
    transition: all 1s cubic-bezier(.645, .045, .355, 1) .5s
}

.is-active .imgEffect_05 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.imgEffect_06 {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(30);
    transform: translateY(30);
    -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1) .5s;
    transition: all 1s cubic-bezier(.645, .045, .355, 1) .5s
}

.imgEffect_06.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width:769px) {
    .imgEffect_06 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.txEffect_01 {
    overflow: hidden;
    position: relative
}

.txEffect_01>span>span {
    position: relative;
    display: inline-block;
    opacity: 0;
    top: 2em;
    -webkit-transition: .3s cubic-bezier(.25, .46, .45, .94);
    transition: .3s cubic-bezier(.25, .46, .45, .94);
    letter-spacing: .07em
}

.qualitas-nihonbashi-hamacho .txEffect_01>span>span {
    letter-spacing: 0
}

.is-active .txEffect_01>span>span {
    opacity: 1;
    top: 0
}

.txEffect_01>span>span:first-child {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.txEffect_01>span>span:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.txEffect_01>span>span:nth-child(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.txEffect_01>span>span:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.txEffect_01>span>span:nth-child(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.txEffect_01>span>span:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.txEffect_01>span>span:nth-child(7) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.txEffect_01>span>span:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.txEffect_01>span>span:nth-child(9) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.txEffect_01>span>span:nth-child(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.txEffect_01>span>span:nth-child(11) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.txEffect_01>span>span:nth-child(12) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.txEffect_01>span>span:nth-child(13) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.txEffect_01>span>span:nth-child(14) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.txEffect_01>span>span:nth-child(15) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.txEffect_01>span>span:nth-child(16) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.txEffect_01>span>span:nth-child(17) {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.txEffect_01>span>span:nth-child(18) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.txEffect_01>span>span:nth-child(19) {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

.txEffect_01>span>span:nth-child(20) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.txEffect_01>span>span:nth-child(21) {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.txEffect_01>span>span:nth-child(22) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.txEffect_01>span>span:nth-child(23) {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

.txEffect_01>span>span:nth-child(24) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.txEffect_01>span>span:nth-child(25) {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.txEffect_01>span>span:nth-child(26) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.txEffect_01>span>span:nth-child(27) {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

.txEffect_01>span>span:nth-child(28) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.txEffect_01>span>span:nth-child(29) {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

.txEffect_01>span>span:nth-child(30) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.txEffect_01>span>span:nth-child(31) {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

.txEffect_01>span>span:nth-child(32) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.txEffect_01>span>span:nth-child(33) {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

.txEffect_01>span>span:nth-child(34) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.txEffect_01>span>span:nth-child(35) {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

.txEffect_01>span>span:nth-child(36) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.txEffect_01>span>span:nth-child(37) {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

.txEffect_01>span>span:nth-child(38) {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.txEffect_01>span>span:nth-child(39) {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}

.txEffect_01>span>span:nth-child(40) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.hiddenParts {
    display: none
}

@-webkit-keyframes linemove_01 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes linemove_01 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    50.01% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.grecaptcha-badge {
    display: none;
    bottom: 26.66667vw !important
}

.page-template-page-contact .grecaptcha-badge,
.page-template-page-order .grecaptcha-badge,
.page-template-page-trial .grecaptcha-badge {
    display: block
}

@media screen and (min-width:769px) {
    .grecaptcha-badge {
        bottom: 100px !important
    }
}

.desktop.setSp .luxy-el:not(.luxy-el.mainCatch) {
    -webkit-transform: none !important;
    transform: none !important
}

.desktop.setSp .luxy-el.mainCatch {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
}

.desktop.setSp.home .luxy-el.mainCatch {
    -webkit-transform: none !important;
    transform: none !important
}

@media screen and (min-width:769px) {
    .desktop.setSp .luxy-el.mainCatch {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important
    }
}

.secStyle_01 {
    background-color: #fff;
    position: relative;
    white-space: normal
}

.secStyle_01 .wrap,
.secStyle_01>.inner {
    height: 100%;
    position: relative
}

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

    .secStyle_01,
    .secStyle_01>.inner {
        width: 100vw
    }

    .secStyle_01>.inner.pinWrap {
        width: 200vw;
        left: -100vw;
        overflow: hidden
    }

    .secStyle_01 .wrap {
        width: 100vw
    }
}

.colStyle_01 .col-ttl {
    margin-bottom: 5.86667vw
}

@media screen and (min-width:769px) {
    .colStyle_01 {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .colStyle_01>* {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        vertical-align: top
    }

    .colStyle_01 .col-ttl {
        width: 24.32432%;
        padding-right: 2em;
        margin-bottom: 0
    }
}

#wrapper {
    color: #fff;
    position: relative;
    -webkit-font-smoothing: antialiased;
    overflow: hidden
}

@media screen and (min-width:769px) {
    #wrapper {
        -webkit-transition: none;
        transition: none
    }
}

#commonSec {
    width: 0
}

.horizonalContainer {
    white-space: nowrap;
    vertical-align: top;
    background-color: #010101
}

@media screen and (min-width:769px) {
    .horizonalContainer {
        font-size: 0
    }

    .horizonalContainer>* {
        display: inline-block;
        overflow: hidden
    }
}

.burgerMenu {
    position: fixed;
    top: 10.66667vw;
    left: calc(50% - 4vw);
    width: 8vw;
    height: 3.2vw;
    z-index: 1000;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.burgerMenu>.inner {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.burgerMenu span {
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #c89e18;
    background: -webkit-linear-gradient(45deg, #ebcf4f 42%, #ebcf4f 0, #b77e1b);
    background: linear-gradient(45deg, #ebcf4f 42%, #ebcf4f 0, #b77e1b);
    left: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.burgerMenu span:first-child {
    top: 0
}

.menuOpen .burgerMenu span:first-child {
    -webkit-transform: translateY(1.33333vw) rotate(45deg);
    transform: translateY(1.33333vw) rotate(45deg)
}

.burgerMenu span:last-child {
    bottom: 0
}

.menuOpen .burgerMenu span:last-child {
    -webkit-transform: translateY(-1.6vw) rotate(-45deg);
    transform: translateY(-1.6vw) rotate(-45deg)
}

@media screen and (min-width:769px) {
    .burgerMenu {
        top: 50px;
        left: auto;
        right: 50px;
        width: 40px;
        height: 16px
    }

    .menuOpen .burgerMenu span:first-child {
        -webkit-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg)
    }

    .menuOpen .burgerMenu span:last-child {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }

    .burgerMenu:hover {
        width: 46px;
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    .burgerMenu:hover span {
        background-color: #fff
    }
}

.scrollSec {
    display: none
}

@media screen and (min-width:769px) {
    .scrollSec {
        display: block;
        position: fixed;
        right: 50px;
        bottom: 59px;
        z-index: 1000;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    .scrollSec.hide {
        opacity: 0 !important
    }

    .loadEnd .scrollSec {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .scrollSec>.inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .scrollSec .labelTx {
        font-family: rodchenko;
        margin-right: 10px
    }

    .scrollSec .labelTx span {
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 1em;
        color: #c89e18;
        letter-spacing: .08em
    }

    .scrollSec .arrowSec {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .scrollSec .arrowSec>span {
        display: block
    }

    .scrollSec .arrowSec .line {
        height: 1px;
        width: 34px;
        background-color: #c89e18;
        -webkit-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
        animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite;
        position: relative
    }

    .scrollSec .arrowSec .line:after {
        content: "";
        display: block;
        width: 6px;
        height: 1px;
        background-color: #c89e18;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: -3px;
        right: 0
    }
}

@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    50% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50.1% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    50% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50.1% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

#mainVis {
    position: relative;
    height: 100vh;
    padding: 7.2vw 5.33333vw;
    background-color: #010101;
    min-height: 106.66667vw
}

#mainVis>.inner {
    position: relative;
    width: 100%;
    height: 100%
}

@media screen and (min-width:769px) {
    #mainVis {
        width: 100.5vw;
        height: 100vh;
        height: 100svh;
        padding: 0;
        min-height: 0
    }
}

#mainVis .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #010101;
    background-image: url(../picture/banner.jpg);
    background-size: contain;
    /*background-position: 50% 100%;*/
    opacity: 0;
    -webkit-transition: opacity 3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity 3s cubic-bezier(.645, .045, .355, 1)
}

#mainVis .bgImg.is-active {
    opacity: 1
}

@media screen and (min-width:769px) {
    #mainVis .bgImg {
        background-image: url(../picture/banner.jpg)
    }
}

#mainVis .mainLogoTtl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#mainVis .mainLogoTtl h1 {
    display: block;
    padding-top: 24vw
}

#mainVis .mainLogoTtl svg {
    display: block;
    width: 29.6vw;
    height: 49.33333vw;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    #mainVis .mainLogoTtl>.inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%
    }

    #mainVis .mainLogoTtl h1 {
        padding-top: 0;
        padding-left: 10.15625vw
    }

    #mainVis .mainLogoTtl svg {
        width: 18.67188vw;
        height: 7.57812vw;
        min-width: 239px;
        min-height: 97px;
        margin: 0
    }
}

#mainVis .mainLogoTtl svg {
    overflow: visible
}

#mainVis .mainLogoTtl svg .mainLogo path {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.loaded #mainVis .mainLogoTtl svg .mainLogo path {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#mainVis .mainLogoTtl svg .mainLogo path.t_01 {
    -webkit-transition: .8s cubic-bezier(.645, .045, .355, 1);
    transition: .8s cubic-bezier(.645, .045, .355, 1)
}

#mainVis .mainLogoTtl svg .mainLogo path.t_02 {
    -webkit-transition: .8s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: .8s cubic-bezier(.645, .045, .355, 1) .1s
}

#mainVis .mainLogoTtl svg .mainLogo path.t_03 {
    -webkit-transition: .8s cubic-bezier(.645, .045, .355, 1) .2s;
    transition: .8s cubic-bezier(.645, .045, .355, 1) .2s
}

#mainVis .mainLogoTtl svg .mainLogo path.t_04 {
    -webkit-transition: .8s cubic-bezier(.645, .045, .355, 1) .3s;
    transition: .8s cubic-bezier(.645, .045, .355, 1) .3s
}

#mainVis .mainLogoTtl svg .reading {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: .8s cubic-bezier(.645, .045, .355, 1) .5s;
    transition: .8s cubic-bezier(.645, .045, .355, 1) .5s
}

.loaded #mainVis .mainLogoTtl svg .reading {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#mainVis .mainType {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#mainVis .mainType span {
    position: absolute
}

#mainVis .mainType span img {
    max-width: none;
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
    opacity: 0
}

#mainVis .mainType span.type_01 {
    top: 0;
    left: 0;
    width: 20.26667vw
}

#mainVis .mainType span.type_01 img {
    -webkit-transition: 1s cubic-bezier(.645, .045, .355, 1) 1s;
    transition: 1s cubic-bezier(.645, .045, .355, 1) 1s
}

#mainVis .mainType span.type_02 {
    top: 0;
    right: 3.46667vw;
    width: 13.06667vw
}

#mainVis .mainType span.type_02 img {
    -webkit-transition: 1s cubic-bezier(.645, .045, .355, 1) 1.3s;
    transition: 1s cubic-bezier(.645, .045, .355, 1) 1.3s
}

#mainVis .mainType span.type_03 {
    bottom: 0;
    left: 3.46667vw;
    width: 13.06667vw
}

#mainVis .mainType span.type_03 img {
    -webkit-transition: 1s cubic-bezier(.645, .045, .355, 1) 1.6s;
    transition: 1s cubic-bezier(.645, .045, .355, 1) 1.6s
}

#mainVis .mainType span.type_04 {
    right: 0;
    bottom: 0;
    width: 20.26667vw
}

#mainVis .mainType span.type_04 img {
    -webkit-transition: 1s cubic-bezier(.645, .045, .355, 1) 1.9s;
    transition: 1s cubic-bezier(.645, .045, .355, 1) 1.9s
}

#mainVis .mainType.is-active span img {
    opacity: 1
}

@media screen and (min-width:769px) {
    #mainVis .mainType span img {
        -webkit-transition: .3s;
        transition: .3s
    }

    #mainVis .mainType span.type_01 {
        width: 9.29688vw;
        min-width: 119px
    }

    #mainVis .mainType span.type_02 {
        right: 1.64062vw;
        width: 6.01562vw;
        min-width: 77px
    }

    #mainVis .mainType span.type_03 {
        left: 1.64062vw;
        width: 5.9375vw;
        min-width: 76px
    }

    #mainVis .mainType span.type_04 {
        width: 9.375vw;
        min-width: 120px
    }
}

#mainVis .mainTtl {
    color: #c89e18;
    font-family: rodchenko;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1em;
    padding: 8vw;
    letter-spacing: .1em;
    font-weight: 400
}

#mainVis .mainTtl>* {
    position: absolute;
    width: 100vh;
    width: 100svh;
    height: 20.26667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.77, 0, .175, 1) 2.4s;
    transition: opacity 1s cubic-bezier(.77, 0, .175, 1) 2.4s
}

#mainVis .mainTtl .col-read {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    left: 0;
    top: calc(100vh - 5.33333vw);
    top: calc(100svh - 5.33333vw);
    letter-spacing: .05em
}

#mainVis .mainTtl .col-ttl {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    left: 89.33333vw;
    top: -5.33333vw
}

#mainVis .mainTtl .col-ttl h1 {
    font-weight: 400
}

#mainVis .mainTtl.is-active>* {
    opacity: 1
}

@media screen and (min-width:769px) {
    #mainVis .mainTtl {
        font-size: 1.4rem;
        padding: 30px
    }

    #mainVis .mainTtl>* {
        width: 100vh;
        height: 9.29688vw
    }

    #mainVis .mainTtl .col-read {
        top: calc(100vh - 30px);
        letter-spacing: .05em
    }

    #mainVis .mainTtl .col-read p {
        -webkit-transition: .3s;
        transition: .3s
    }

    #mainVis .mainTtl .col-ttl {
        left: calc(100vw - 60px);
        top: -30px
    }
}

@media screen and (max-width:769px) and (max-height:500px),
screen and (min-width:769px) and (max-height:565px),
screen and (min-width:1600px) and (max-height:800px) {
    #mainVis .mainTtl {
        display: none
    }
}

@media screen and (max-width:769px) and (max-height:700px) {
    .desktop #mainVis .mainTtl {
        display: none
    }
}

#mainVis .content p {
    text-align: center;
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1em;
    color: #c89e18;
    font-family: rodchenko;
    letter-spacing: .08em;
    position: absolute;
    font-weight: 400;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.165, .84, .44, 1) 3s, top 1s cubic-bezier(.165, .84, .44, 1) 3s, bottom 1s cubic-bezier(.165, .84, .44, 1) 3s;
    transition: opacity 1s cubic-bezier(.165, .84, .44, 1) 3s, top 1s cubic-bezier(.165, .84, .44, 1) 3s, bottom 1s cubic-bezier(.165, .84, .44, 1) 3s
}

.loaded #mainVis .content p {
    opacity: 1
}

#mainVis .content p:first-child {
    top: 12.8vw
}

.loaded #mainVis .content p:first-child {
    top: 10.13333vw
}

#mainVis .content p:last-child {
    bottom: 12.8vw
}

.loaded #mainVis .content p:last-child {
    bottom: 10.13333vw
}

@media screen and (min-width:769px) {
    #mainVis .content {
        position: absolute;
        left: 0;
        width: 100%;
        height: auto;
        bottom: 0
    }

    #mainVis .content p {
        font-size: 1.6rem;
        position: relative
    }

    #mainVis .content p:first-child {
        top: 10px
    }

    .loaded #mainVis .content p:first-child {
        top: 0
    }

    #mainVis .content p:last-child {
        bottom: 20px
    }

    .loaded #mainVis .content p:last-child {
        bottom: 0
    }
}

@media screen and (min-width:1280px) {
    #mainVis .content p {
        font-size: 16px;
        font-size: 1.25vw
    }
}

.commonArrow {
    position: relative;
    width: 0;
    margin-left: 4.26667vw;
    -webkit-transition: .4s cubic-bezier(.58, .3, .005, 1) .2s;
    transition: .4s cubic-bezier(.58, .3, .005, 1) .2s
}

.commonArrow .line01,
.commonArrow .line02 {
    height: 1px;
    background-color: #fff
}

.commonArrow .line02 {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    width: 2.13333vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.setSp .is-active-sp .commonArrow {
    width: 17.6vw
}

@media screen and (min-width:769px) {
    .commonArrow {
        margin-left: 16px
    }

    .is-active .commonArrow {
        width: 66px
    }

    .commonArrow .line02 {
        width: 8px
    }
}

.profile {
    font-size: 10px;
    font-size: 2.66667vw;
    line-height: 1.6em
}

.profile h2 {
    font-weight: 400
}

.profile dl {
    display: table;
    width: 100%;
    table-layout: fixed
}

.profile dl>* {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    vertical-align: top
}

.profile dl.style_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.profile dd,
.profile dt {
    font-weight: 400
}

.profile dt {
    width: 3em;
    font-size: 1.1rem
}

.profile dl.style_01 dt {
    width: auto;
    margin-right: .5em
}

@media screen and (min-width:769px) {
    .profile {
        font-size: 1rem
    }
}

.accessMap {
    position: relative;
    z-index: 10;
    padding: 0 8vw
}

.accessMap iframe {
    width: 100%;
    height: 84vw
}

@media screen and (min-width:769px) {
    .accessMap {
        padding: 0;
        background-color: #010101
    }

    .accessMap iframe {
        width: 100%;
        height: 50vh
    }
}

.contentNav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    z-index: 30;
    opacity: 0;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    left: calc(90.93333vw + 8px);
    top: 0
}

.contentNav.is-active-sp {
    opacity: 1
}

.setSp .contentNav.is-active-sp {
    top: 8vw
}

.contentNav h3 {
    line-height: 1em;
    font-weight: 400;
    font-size: 10px;
    font-size: 2.66667vw;
    margin-right: 3.2vw;
    font-family: rodchenko;
    letter-spacing: .05em
}

.contentNav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    counter-reset: number 0
}

.contentNav li {
    position: relative;
    margin: 0 1.33333vw
}

.contentNav li:after,
.contentNav li:before {
    content: "";
    position: absolute;
    background: -webkit-linear-gradient(0deg, #a27723, #a37823 .27%, #bc8f19 11.95%, #c59716 19.03%, #c59716 21.35%, #c59716 37.98%, #9f6b24 66.23%, #cb9616 99.36%);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #a27723), color-stop(.0027, #a37823), color-stop(.1195, #bc8f19), color-stop(.1903, #c59716), color-stop(.2135, #c59716), color-stop(.3798, #c59716), color-stop(.6623, #9f6b24), color-stop(.9936, #cb9616));
    background: -ms-linear-gradient(0deg, #a27723 0, #a37823 .27%, #bc8f19 11.95%, #c59716 19.03%, #c59716 21.35%, #c59716 37.98%, #9f6b24 66.23%, #cb9616 99.36%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A27723', endColorstr='#CB9616' ,GradientType=0)";
    background: -webkit-gradient(linear, left top, right top, from(#a27723), color-stop(.27%, #a37823), color-stop(11.95%, #bc8f19), color-stop(19.03%, #c59716), color-stop(21.35%, #c59716), color-stop(37.98%, #c59716), color-stop(66.23%, #9f6b24), color-stop(99.36%, #cb9616));
    background: -webkit-linear-gradient(left, #a27723, #a37823 .27%, #bc8f19 11.95%, #c59716 19.03%, #c59716 21.35%, #c59716 37.98%, #9f6b24 66.23%, #cb9616 99.36%);
    background: linear-gradient(90deg, #a27723, #a37823 .27%, #bc8f19 11.95%, #c59716 19.03%, #c59716 21.35%, #c59716 37.98%, #9f6b24 66.23%, #cb9616 99.36%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A27723", endColorstr="#CB9616", GradientType=1);
    width: 0;
    height: 1px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.contentNav li:before {
    right: 0;
    bottom: 0
}

.contentNav li:after {
    left: 0;
    top: 0
}

.contentNav a {
    display: block;
    width: 5.33333vw;
    height: 5.33333vw;
    text-align: center
}

.contentNav a>span {
    display: block;
    letter-spacing: .05em
}

.contentNav a>span:after,
.contentNav a>span:before {
    content: "";
    position: absolute;
    background: -webkit-linear-gradient(0deg, #a27723, #a37823 .27%, #bc8f19 11.95%, #c59716 19.03%, #c59716 21.35%, #c59716 37.98%, #9f6b24 66.23%, #cb9616 99.36%);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, #a27723), color-stop(.0027, #a37823), color-stop(.1195, #bc8f19), color-stop(.1903, #c59716), color-stop(.2135, #c59716), color-stop(.3798, #c59716), color-stop(.6623, #9f6b24), color-stop(.9936, #cb9616));
    background: -ms-linear-gradient(0deg, #a27723 0, #a37823 .27%, #bc8f19 11.95%, #c59716 19.03%, #c59716 21.35%, #c59716 37.98%, #9f6b24 66.23%, #cb9616 99.36%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A27723', endColorstr='#CB9616' ,GradientType=0)";
    background: -webkit-gradient(linear, left top, right top, from(#a27723), color-stop(.27%, #a37823), color-stop(11.95%, #bc8f19), color-stop(19.03%, #c59716), color-stop(21.35%, #c59716), color-stop(37.98%, #c59716), color-stop(66.23%, #9f6b24), color-stop(99.36%, #cb9616));
    background: -webkit-linear-gradient(left, #a27723, #a37823 .27%, #bc8f19 11.95%, #c59716 19.03%, #c59716 21.35%, #c59716 37.98%, #9f6b24 66.23%, #cb9616 99.36%);
    background: linear-gradient(90deg, #a27723, #a37823 .27%, #bc8f19 11.95%, #c59716 19.03%, #c59716 21.35%, #c59716 37.98%, #9f6b24 66.23%, #cb9616 99.36%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A27723", endColorstr="#CB9616", GradientType=1);
    width: 1px;
    height: 0;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.contentNav a>span:before {
    left: 0;
    bottom: 0
}

.contentNav a>span:after {
    right: 0;
    top: 0
}

.contentNav a>span>span:after {
    display: block;
    font-family: rodchenko;
    counter-increment: number 1;
    content: counter(number, decimal-leading-zero);
    color: #fff;
    font-size: 10px;
    font-size: 2.66667vw;
    line-height: 5.33333vw;
    font-weight: 400;
    -webkit-transition: .3s;
    transition: .3s
}

.contentNav a.active {
    cursor: default;
    pointer-events: none
}

.contentNav a.active:after {
    color: #c89e18
}

.contentNav.is-active-sp li.active:after,
.contentNav.is-active-sp li.active:before {
    width: 100%
}

.contentNav.is-active-sp li.active:after {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.contentNav.is-active-sp li.active:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.contentNav.is-active-sp li.active a>span:after,
.contentNav.is-active-sp li.active a>span:before {
    height: 100%
}

.contentNav.is-active-sp li.active a>span:before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.contentNav.is-active-sp li.active a>span:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.contentNav.is-active-sp li.active a>span>span:after {
    color: #c89e18
}

@media screen and (min-width:769px) {
    .contentNav {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        left: 0;
        top: auto;
        bottom: 55px;
        -webkit-transition: .6s .3s;
        transition: .6s .3s
    }

    .is-active .contentNav {
        opacity: 1;
        left: 110px
    }

    .contentNav h3 {
        font-size: 1rem;
        margin-right: 11px
    }

    .contentNav li {
        margin: 0 3px
    }

    .contentNav li:hover:after,
    .contentNav li:hover:before {
        width: 100%
    }

    .contentNav li:hover:after {
        -webkit-transition-delay: 0;
        transition-delay: 0
    }

    .contentNav li:hover:before {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .contentNav li:hover a>span:after,
    .contentNav li:hover a>span:before {
        height: 100%
    }

    .contentNav li:hover a>span:before {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .contentNav li:hover a>span:after {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .contentNav li:hover a>span>span:after {
        color: #c89e18
    }

    .is-active .contentNav li.active:after,
    .is-active .contentNav li.active:before {
        width: 100%
    }

    .is-active .contentNav li.active:after {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .is-active .contentNav li.active:before {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }

    .is-active .contentNav li.active a>span:after,
    .is-active .contentNav li.active a>span:before {
        height: 100%
    }

    .is-active .contentNav li.active a>span:before {
        -webkit-transition-delay: .8s;
        transition-delay: .8s
    }

    .is-active .contentNav li.active a>span:after {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }

    .is-active .contentNav li.active a>span>span:after {
        color: #c89e18
    }

    .contentNav a {
        width: 20px;
        height: 20px
    }

    .contentNav a>span>span:after {
        font-size: 1rem;
        line-height: 20px
    }
}

@-webkit-keyframes circle {
    0% {
        stroke-dasharray: 0 366
    }

    99.9%,
    to {
        stroke-dasharray: 366 366
    }
}

@keyframes circle {
    0% {
        stroke-dasharray: 0 366
    }

    99.9%,
    to {
        stroke-dasharray: 366 366
    }
}

.gallerySec>.inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gallerySec .item {
    width: 39.46667vw;
    height: 39.46667vw;
    overflow: hidden
}

.gallerySec .item:nth-child(n+3) {
    margin-top: 5.33333vw
}

.gallerySec .item:nth-child(7) img {
    -o-object-position: 50% 26%;
    object-position: 50% 26%
}

.gallerySec img {
    max-width: none;
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s cubic-bezier(.645, .045, .355, 1);
    transition: .3s cubic-bezier(.645, .045, .355, 1)
}

@media screen and (min-width:769px) {
    .gallerySec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100vh;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .gallerySec>.inner {
        gap: 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .gallerySec .item {
        width: 138px;
        height: 138px
    }

    .gallerySec .item:nth-child(n+3) {
        margin-top: 0
    }

    .gallerySec a:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: brightness(110%);
        filter: brightness(110%)
    }
}

.fancybox-infobar {
    font-family: rodchenko
}

.fancybox-bg {
    background-color: rgba(0, 0, 0, .8)
}

.fancybox-is-open .fancybox-bg {
    opacity: 1
}

.movieSec>.item:nth-child(n+2) {
    margin-top: 13.33333vw
}

@media screen and (min-width:769px) {
    .movieSec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 7.8125vw;
        height: 100vh;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .movieSec>.item {
        width: 66.01562vw;
        max-width: 845px
    }

    .movieSec>.item:nth-child(n+2) {
        margin-top: 0
    }
}

.movieWrap>.inner {
    position: relative
}

.movieWrap .screen video {
    width: 100%
}

.movieWrap .ctr {
    width: 100%;
    aspect-ratio: 16/9;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.movieWrap .ctr.hide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    z-index: -1
}

.movieWrap .btnCont {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.movieWrap .btnCont>.inner {
    position: relative;
    width: 9.33333vw;
    height: 9.33333vw
}

.movieWrap .btnCont span {
    display: block;
    width: 100%;
    height: 100%
}

.movieWrap .btnCont span.over {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.movieWrap .btnCont span img {
    max-width: none;
    width: 100%;
    image-rendering: -webkit-optimize-contrast
}

@media screen and (min-width:769px) {
    .movieWrap .ctr:hover .btnCont span.normal {
        opacity: 0
    }

    .movieWrap .ctr:hover .btnCont span.over {
        opacity: 1
    }

    .movieWrap .btnCont>.inner {
        width: 3.4375vw;
        height: 3.4375vw
    }
}

.contactSec {
    padding-top: 40vw;
    padding-bottom: 11.2vw
}

.contactSec .contactMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.contactSec .logoSec {
    width: 18.66667vw;
    margin: 0 auto 13.33333vw
}

.contactSec .logoSec img {
    max-width: none;
    width: 100%;
    image-rendering: -webkit-optimize-contrast
}

.contactSec .btnSec {
    margin-bottom: 37.33333vw
}

.contactSec .btnSec a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #fff;
    overflow: hidden;
    position: relative;
    min-height: 13.33333vw
}

.contactSec .btnSec a:before {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    bottom: 0;
    background-color: #c89e18;
    -webkit-transition: .3s;
    transition: .3s
}

.contactSec .btnSec a span {
    position: relative;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1em;
    color: #fff;
    font-weight: 500
}

@media screen and (min-width:769px) {
    .contactSec {
        height: 474px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-right: 80px;
        padding-top: 0;
        padding-bottom: 0
    }

    .contactSec .contactMain {
        display: block
    }

    .contactSec .logoSec {
        width: 6.40625vw;
        min-width: 82px;
        margin: 0 auto 74px
    }

    .contactSec .btnSec {
        margin-bottom: 0
    }

    .contactSec .btnSec a {
        width: auto;
        min-width: 200px;
        min-height: 50px
    }

    .contactSec .btnSec a span {
        font-size: 1.2rem
    }

    .contactSec .btnSec a:hover {
        border: 1px solid #c89e18
    }

    .contactSec .btnSec a:hover span {
        color: #000
    }

    .contactSec .btnSec a:hover:before {
        left: 0
    }
}

.copyRight {
    position: relative;
    font-size: 10px;
    font-size: 2.66667vw;
    line-height: 1em;
    color: #878787;
    text-align: center
}

.copyRight small {
    font-weight: 400;
    letter-spacing: .03em
}

@media screen and (min-width:769px) {
    .copyRight {
        margin-top: 36px;
        font-size: 1rem;
        text-align: left
    }
}

.ttlStyle_01 {
    font-size: 26px;
    font-size: 6.93333vw;
    line-height: 1.38462em;
    font-weight: 400;
    letter-spacing: .03em
}

@media screen and (min-width:769px) {
    .ttlStyle_01 {
        font-size: 2.8rem;
        line-height: 1.42857em
    }
}

.ttlStyle_02>span {
    display: block;
    font-weight: 400
}

.ttlStyle_02 .ja {
    line-height: 1em;
    font-size: 26px;
    font-size: 6.93333vw;
    margin-bottom: 3.2vw;
    letter-spacing: .03em
}

.ttlStyle_02 .en {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1em;
    letter-spacing: .05em
}

@media screen and (min-width:769px) {
    .ttlStyle_02 .ja {
        font-size: 2.8rem;
        margin-bottom: 12px
    }

    .ttlStyle_02 .en {
        font-size: 1.2rem
    }
}

.ttlStyle_03 {
    font-size: 14px;
    font-size: 3.73333vw;
    line-height: 1em;
    position: relative;
    letter-spacing: .1em
}

@media screen and (min-width:769px) {
    .ttlStyle_03 {
        font-size: 1.4rem;
        top: 5px
    }
}

.ttlStyle_04 {
    font-size: 20px;
    font-size: 5.33333vw;
    line-height: 1.45455em;
    font-weight: 400;
    letter-spacing: -.02em
}

.ttlStyle_04.style_01 {
    white-space: nowrap
}

@media screen and (min-width:769px) {
    .ttlStyle_04 {
        font-size: 2.8rem;
        line-height: 1.42857em
    }
}

.summaryStyle_01 {
    line-height: 2em;
    font-size: 14px;
    font-size: 3.73333vw;
    text-align: justify
}

.summaryStyle_01 p {
    display: inline
}

@media screen and (min-width:769px) {
    .summaryStyle_01 {
        font-size: 1.4rem;
        letter-spacing: .03em
    }

    .summaryStyle_01 p {
        display: block
    }

    .summaryStyle_01>* {
        margin-bottom: 3.28571em
    }

    .summaryStyle_01>:last-child {
        margin-bottom: 0
    }
}

.summaryStyle_02 {
    line-height: 1.66667em;
    font-size: 12px;
    font-size: 3.2vw;
    text-align: justify
}

.summaryStyle_02 p {
    letter-spacing: .03em
}

@media screen and (min-width:769px) {
    .summaryStyle_02 {
        line-height: 2em;
        font-size: 1.2rem
    }
}

.txStyle_01 {
    font-size: 10px;
    font-size: 2.66667vw;
    line-height: 1em
}

@media screen and (min-width:769px) {
    .txStyle_01 {
        font-size: 1rem
    }
}

.txStyle_02 {
    font-size: 16px;
    font-size: 4.26667vw;
    line-height: 1.375em
}

@media screen and (min-width:769px) {
    .txStyle_02 {
        font-size: 1.6rem
    }
}

.txStyle_03 {
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.52941em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

.txStyle_03>* {
    display: inline-block;
    margin-right: 2.66667vw
}

.txStyle_03>:last-child {
    margin-right: 0
}

.txStyle_03 .spSep {
    display: block;
    margin-top: 3.2vw
}

@media screen and (min-width:769px) {
    .txStyle_03 {
        font-size: 1.7rem
    }

    .txStyle_03>* {
        margin-right: 8px
    }

    .txStyle_03>:last-child {
        margin-right: 0
    }

    .txStyle_03 .spSep {
        display: inline
    }
}

.txStyle_04 {
    font-size: 10px;
    font-size: 2.66667vw;
    line-height: 1.6em
}

@media screen and (min-width:769px) {
    .txStyle_04 {
        font-size: 1rem
    }
}

.dlStyle_01 {
    font-size: 10px;
    font-size: 2.66667vw;
    line-height: 1.6em
}

.dlStyle_01 dd,
.dlStyle_01 dt {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-weight: 400
}

@media screen and (min-width:769px) {
    .dlStyle_01 {
        font-size: 1rem;
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .dlStyle_01>* {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        vertical-align: top
    }

    .dlStyle_01 dt {
        width: 17em
    }
}

.imgStyle_01 {
    margin-bottom: 6.4vw
}

.imgStyle_01 img {
    max-width: none;
    width: 100%;
    image-rendering: -webkit-optimize-contrast
}

.articleStyle_01,
.articleStyle_02,
.articleStyle_04,
.articleStyle_05,
.articleStyle_06 {
    background-color: #010101;
    position: relative
}

.articleStyle_01>.inner,
.articleStyle_02>.inner,
.articleStyle_04>.inner,
.articleStyle_05>.inner,
.articleStyle_06>.inner {
    height: 100%;
    position: relative
}

.articleStyle_01 .wrap,
.articleStyle_02 .wrap,
.articleStyle_04 .wrap,
.articleStyle_05 .wrap,
.articleStyle_06 .wrap {
    position: relative
}

.articleStyle_01 .wrap:before,
.articleStyle_02 .wrap:before,
.articleStyle_04 .wrap:before,
.articleStyle_05 .wrap:before,
.articleStyle_06 .wrap:before {
    display: none;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    height: 216.53333vw;
    position: absolute;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(45%, #5c5c5c), color-stop(75%, #000));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #5c5c5c 45%, #000 75%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #5c5c5c 45%, #000 75%);
    z-index: 10;
    mix-blend-mode: multiply
}

.articleStyle_01 .bgImg,
.articleStyle_02 .bgImg,
.articleStyle_04 .bgImg,
.articleStyle_05 .bgImg,
.articleStyle_06 .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%
}

.setSp .articleStyle_01 .bgImg,
.setSp .articleStyle_02 .bgImg,
.setSp .articleStyle_04 .bgImg,
.setSp .articleStyle_05 .bgImg,
.setSp .articleStyle_06 .bgImg {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.645, .045, .355, 1);
    transition: opacity 1s cubic-bezier(.645, .045, .355, 1)
}

.articleStyle_01 .bgImg img,
.articleStyle_02 .bgImg img,
.articleStyle_04 .bgImg img,
.articleStyle_05 .bgImg img,
.articleStyle_06 .bgImg img {
    max-width: none;
    image-rendering: -webkit-optimize-contrast;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.articleStyle_01 .mainSec,
.articleStyle_02 .mainSec,
.articleStyle_04 .mainSec,
.articleStyle_05 .mainSec,
.articleStyle_06 .mainSec {
    padding: 0 8vw 13.33333vw;
    position: relative;
    z-index: 20
}

.articleStyle_01 .content,
.articleStyle_02 .content,
.articleStyle_04 .content,
.articleStyle_05 .content,
.articleStyle_06 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100vh;
    padding-top: 68.26667vw
}

.articleStyle_01 .content.style_01,
.articleStyle_02 .content.style_01,
.articleStyle_04 .content.style_01,
.articleStyle_05 .content.style_01,
.articleStyle_06 .content.style_01 {
    padding-top: 78.66667vw
}

.articleStyle_01 .content>.inner,
.articleStyle_02 .content>.inner,
.articleStyle_04 .content>.inner,
.articleStyle_05 .content>.inner,
.articleStyle_06 .content>.inner {
    position: relative;
    white-space: normal
}

.articleStyle_01 .subTtl,
.articleStyle_02 .subTtl,
.articleStyle_04 .subTtl,
.articleStyle_05 .subTtl,
.articleStyle_06 .subTtl {
    display: none;
    z-index: 21;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    position: absolute;
    top: 0;
    left: 92vw;
    opacity: 0;
    -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
    transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.articleStyle_01 .subTtl h3,
.articleStyle_02 .subTtl h3,
.articleStyle_04 .subTtl h3,
.articleStyle_05 .subTtl h3,
.articleStyle_06 .subTtl h3 {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1em;
    white-space: nowrap;
    letter-spacing: .1em;
    font-weight: 400
}

.setSp .articleStyle_01.is-active-sp .bgImg,
.setSp .is-active-sp.articleStyle_02 .bgImg,
.setSp .is-active-sp.articleStyle_04 .bgImg,
.setSp .is-active-sp.articleStyle_05 .bgImg,
.setSp .is-active-sp.articleStyle_06 .bgImg {
    opacity: 1
}

.setSp .articleStyle_01.is-active-sp .subTtl,
.setSp .is-active-sp.articleStyle_02 .subTtl,
.setSp .is-active-sp.articleStyle_04 .subTtl,
.setSp .is-active-sp.articleStyle_05 .subTtl,
.setSp .is-active-sp.articleStyle_06 .subTtl {
    top: 8vw;
    opacity: 1
}

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

    .articleStyle_01,
    .articleStyle_01>.inner,
    .articleStyle_02,
    .articleStyle_02>.inner,
    .articleStyle_04,
    .articleStyle_04>.inner,
    .articleStyle_05,
    .articleStyle_05>.inner,
    .articleStyle_06,
    .articleStyle_06>.inner {
        width: 100vw
    }

    .articleStyle_01>.inner.pinWrap,
    .articleStyle_02>.inner.pinWrap,
    .articleStyle_04>.inner.pinWrap,
    .articleStyle_05>.inner.pinWrap,
    .articleStyle_06>.inner.pinWrap {
        width: 200vw;
        left: -80vw;
        overflow: hidden
    }

    .articleStyle_01 .wrap,
    .articleStyle_02 .wrap,
    .articleStyle_04 .wrap,
    .articleStyle_05 .wrap,
    .articleStyle_06 .wrap {
        width: 100vw;
        height: 100%
    }

    .articleStyle_01 .wrap:before,
    .articleStyle_02 .wrap:before,
    .articleStyle_04 .wrap:before,
    .articleStyle_05 .wrap:before,
    .articleStyle_06 .wrap:before {
        display: none;
        top: 0;
        background: -webkit-gradient(linear, right top, left top, color-stop(9%, hsla(0, 0%, 100%, 0)), to(#000));
        background: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0) 9%, #000);
        background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0) 9%, #000);
        bottom: 0;
        mix-blend-mode: normal
    }

    .articleStyle_01 .bgImg,
    .articleStyle_02 .bgImg,
    .articleStyle_04 .bgImg,
    .articleStyle_05 .bgImg,
    .articleStyle_06 .bgImg {
        left: 20vw
    }

    .articleStyle_01 .bgImg img,
    .articleStyle_02 .bgImg img,
    .articleStyle_04 .bgImg img,
    .articleStyle_05 .bgImg img,
    .articleStyle_06 .bgImg img {
        height: 100%;
        -webkit-animation: sizeScale 32s linear infinite alternate;
        animation: sizeScale 32s linear infinite alternate
    }

    .articleStyle_01 .bgImg.style_01,
    .articleStyle_02 .bgImg.style_01,
    .articleStyle_04 .bgImg.style_01,
    .articleStyle_05 .bgImg.style_01,
    .articleStyle_06 .bgImg.style_01 {
        left: 10vw
    }

    .articleStyle_01 .mainSec,
    .articleStyle_02 .mainSec,
    .articleStyle_04 .mainSec,
    .articleStyle_05 .mainSec,
    .articleStyle_06 .mainSec {
        padding: 0 110px
    }

    .articleStyle_01 .content,
    .articleStyle_02 .content,
    .articleStyle_04 .content,
    .articleStyle_05 .content,
    .articleStyle_06 .content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        padding-top: 0;
        opacity: 0;
        -webkit-transition: 1.5s cubic-bezier(.165, .84, .44, 1) .2s;
        transition: 1.5s cubic-bezier(.165, .84, .44, 1) .2s;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    .articleStyle_01 .content.style_01,
    .articleStyle_02 .content.style_01,
    .articleStyle_04 .content.style_01,
    .articleStyle_05 .content.style_01,
    .articleStyle_06 .content.style_01 {
        padding-top: 0
    }

    .articleStyle_01 .content>.inner,
    .articleStyle_02 .content>.inner,
    .articleStyle_04 .content>.inner,
    .articleStyle_05 .content>.inner,
    .articleStyle_06 .content>.inner {
        padding-bottom: 5.6962vh
    }

    .articleStyle_01 .content>.inner.style_01,
    .articleStyle_02 .content>.inner.style_01,
    .articleStyle_04 .content>.inner.style_01,
    .articleStyle_05 .content>.inner.style_01,
    .articleStyle_06 .content>.inner.style_01 {
        width: 370px
    }

    .articleStyle_01 .subTtl,
    .articleStyle_02 .subTtl,
    .articleStyle_04 .subTtl,
    .articleStyle_05 .subTtl,
    .articleStyle_06 .subTtl {
        top: 0;
        left: calc(100vw - 95px)
    }

    .articleStyle_01 .subTtl h3,
    .articleStyle_02 .subTtl h3,
    .articleStyle_04 .subTtl h3,
    .articleStyle_05 .subTtl h3,
    .articleStyle_06 .subTtl h3 {
        font-size: 1.2rem
    }

    #theme_02.articleStyle_02 .bgImg,
    #theme_02.articleStyle_04 .bgImg,
    #theme_02.articleStyle_05 .bgImg,
    #theme_02.articleStyle_06 .bgImg,
    .articleStyle_01#theme_02 .bgImg {
        opacity: 0;
        -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1);
        transition: 1s cubic-bezier(.165, .84, .44, 1)
    }

    #theme_02.is-active.articleStyle_02 .bgImg,
    #theme_02.is-active.articleStyle_04 .bgImg,
    #theme_02.is-active.articleStyle_05 .bgImg,
    #theme_02.is-active.articleStyle_06 .bgImg,
    .articleStyle_01#theme_02.is-active .bgImg {
        opacity: 1
    }

    .articleStyle_01.is-active .content,
    .is-active.articleStyle_02 .content,
    .is-active.articleStyle_04 .content,
    .is-active.articleStyle_05 .content,
    .is-active.articleStyle_06 .content {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .articleStyle_01.is-active .subTtl,
    .is-active.articleStyle_02 .subTtl,
    .is-active.articleStyle_04 .subTtl,
    .is-active.articleStyle_05 .subTtl,
    .is-active.articleStyle_06 .subTtl {
        top: 68px;
        opacity: 1
    }
}

@media screen and (min-width:769px) and (max-height:680px) {

    .articleStyle_01 .content>.inner,
    .articleStyle_02 .content>.inner,
    .articleStyle_04 .content>.inner,
    .articleStyle_05 .content>.inner,
    .articleStyle_06 .content>.inner {
        max-height: 64.38356vh;
        overflow: auto
    }
}

@media screen and (min-width:769px) {
    .articleStyle_02 .wrap:before {
        left: auto;
        right: 0;
        background: -webkit-gradient(linear, left top, right top, color-stop(9%, hsla(0, 0%, 100%, 0)), color-stop(42%, #5c5c5c), to(#000));
        background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0) 9%, #5c5c5c 42%, #000);
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 9%, #5c5c5c 42%, #000)
    }

    .articleStyle_02 .content>.inner {
        width: 490px;
        margin: 0 0 0 auto
    }

    .articleStyle_02 .subTtl {
        left: 95px
    }
}

.articleStyle_03 {
    position: relative
}

.articleStyle_03 .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%
}

.articleStyle_03 .bgImg img {
    max-width: none;
    image-rendering: -webkit-optimize-contrast;
    width: 100%
}

.articleStyle_03 .mainSec {
    padding: 18.66667vw 8vw 12.8vw;
    position: relative;
    z-index: 20
}

.articleStyle_03 .content {
    white-space: normal
}

.articleStyle_03 .content>.inner {
    position: relative
}

@media screen and (min-width:769px) {
    .articleStyle_03 {
        height: 50vh;
        min-height: 370px;
        background-color: #010101
    }

    .articleStyle_03 .bgImg {
        bottom: 0;
        opacity: 0;
        -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1);
        transition: 1s cubic-bezier(.165, .84, .44, 1)
    }

    .is-active .articleStyle_03 .bgImg {
        opacity: 1
    }

    .articleStyle_03 .bgImg img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .articleStyle_03 .mainSec {
        padding: 0 110px;
        height: 100%
    }

    .articleStyle_03 .content {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 1110px;
        margin: 0 auto;
        min-height: 370px
    }
}

@media screen and (min-width:769px) and (max-height:680px) {
    .articleStyle_03 {
        height: 50vh;
        min-height: 370px;
        overflow: auto
    }
}

.articleStyle_04 .content,
.articleStyle_05 .content,
.articleStyle_06 .content {
    padding-top: 40vw;
    padding-bottom: 40vw;
    min-height: 0
}

.articleStyle_04 .mainSec,
.articleStyle_05 .mainSec,
.articleStyle_06 .mainSec {
    padding-top: 0;
    padding-bottom: 0
}

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

    .articleStyle_04,
    .articleStyle_05,
    .articleStyle_06 {
        width: 178.90625vw;
        max-width: 2290px
    }

    .articleStyle_04>.inner.pinWrap.pinWrap,
    .articleStyle_05>.inner.pinWrap.pinWrap,
    .articleStyle_06>.inner.pinWrap.pinWrap {
        width: 357.8125vw;
        max-width: 4580px;
        left: 0
    }

    .articleStyle_04 .wrap,
    .articleStyle_05 .wrap,
    .articleStyle_06 .wrap {
        width: 178.90625vw;
        max-width: 2290px
    }

    .articleStyle_04 .mainSec,
    .articleStyle_05 .mainSec,
    .articleStyle_06 .mainSec {
        padding: 0
    }

    .articleStyle_04 .content,
    .articleStyle_05 .content,
    .articleStyle_06 .content {
        width: 100%;
        display: block;
        padding-top: 0;
        padding-bottom: 0
    }

    .articleStyle_04 .content>.inner,
    .articleStyle_05 .content>.inner,
    .articleStyle_06 .content>.inner {
        padding: 0
    }
}

@media screen and (min-width:769px) and (max-height:680px) {

    .articleStyle_04 .content>.inner,
    .articleStyle_05 .content>.inner,
    .articleStyle_06 .content>.inner {
        max-height: none;
        overflow: visible
    }
}

.articleStyle_05 .content,
.articleStyle_06 .content {
    padding-top: 0;
    padding-bottom: 0
}

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

    .articleStyle_05,
    .articleStyle_05 .wrap,
    .articleStyle_05>.inner,
    .articleStyle_06,
    .articleStyle_06 .wrap,
    .articleStyle_06>.inner {
        width: 1008px
    }
}

.articleStyle_06 .content {
    display: block
}

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

    .articleStyle_06,
    .articleStyle_06 .wrap,
    .articleStyle_06>.inner {
        width: 46.875vw
    }

    .articleStyle_06 .content>.inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100vh;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#clickBlocker {
    width: 100%;
    height: 0%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: .3s cubic-bezier(.25, .46, .45, .94);
    transition: .3s cubic-bezier(.25, .46, .45, .94)
}

.menuOpen #clickBlocker {
    width: 100%;
    height: 100%;
    z-index: 600
}

@media screen and (min-width:769px) {
    #clickBlocker {
        width: 0;
        height: 100%;
        z-index: 998;
        background-color: rgba(0, 0, 0, .3);
        -webkit-transition: opacity .7s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .7s cubic-bezier(.25, .46, .45, .94);
        opacity: 0
    }

    #clickBlocker:after {
        content: "";
        width: 0;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        -webkit-transition: .3s cubic-bezier(.25, .46, .45, .94);
        transition: .3s cubic-bezier(.25, .46, .45, .94);
        background-color: rgba(0, 0, 0, .8)
    }

    .menuOpen #clickBlocker:after {
        width: 34.375vw
    }

    .menuOpen #clickBlocker {
        width: 100%;
        opacity: 1
    }
}

.menuPanel {
    opacity: 0;
    position: fixed;
    z-index: 0;
    -webkit-transition: .6s;
    transition: .6s;
    width: 0;
    overflow: hidden;
    -webkit-transition: height .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
    transition: height .6s cubic-bezier(.25, .46, .45, .94), opacity .6s cubic-bezier(.25, .46, .45, .94);
    z-index: 999;
    top: 0;
    left: 0;
    overflow: auto;
    overscroll-behavior-y: contain;
    min-height: 100vh
}

.menuPanel .closeArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.menuOpen .menuPanel {
    height: 100%;
    opacity: 1;
    width: 100%
}

.menuPanel>.wrapper {
    width: 100%;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 101%;
    overflow: hidden
}

.menuPanel>.wrapper>.inner {
    display: block;
    width: 100%;
    position: relative
}

@media screen and (min-width:769px) {
    .menuPanel {
        overflow: unset;
        overscroll-behavior-y: auto
    }

    .menuPanel>.wrapper {
        height: 100%
    }

    .menuPanel>.wrapper>.inner {
        width: 34.375vw;
        margin: 0 0 0 auto
    }
}

.globalNav li {
    padding: 4vw 0;
    margin: 0 auto
}

.globalNav li.style_01 {
    max-width: 35.73333vw
}

.globalNav li.style_02 {
    max-width: 26.93333vw
}

.globalNav li.style_03 {
    max-width: 10.93333vw
}

.globalNav li.style_04 {
    max-width: 9.86667vw
}

.globalNav li.style_05,
.globalNav li.style_06 {
    max-width: 14.4vw
}

.globalNav img {
    max-width: none;
    width: 100%;
    image-rendering: -webkit-optimize-contrast
}

.globalNav a {
    display: inline-block;
    position: relative
}

.globalNav a>span.over {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media screen and (min-width:769px) {
    .globalNav {
        max-width: 180px;
        margin: 0 auto
    }

    .globalNav li {
        padding: 1.89873vh 0;
        margin: 0
    }

    .globalNav li.style_01 {
        max-width: 10.46875vw
    }

    .globalNav li.style_02 {
        max-width: 7.89062vw
    }

    .globalNav li.style_03 {
        max-width: 3.20312vw
    }

    .globalNav li.style_04 {
        max-width: 2.89062vw
    }

    .globalNav li.style_05,
    .globalNav li.style_06 {
        max-width: 4.21875vw
    }

    .globalNav img {
        max-width: none;
        width: 100%;
        image-rendering: -webkit-optimize-contrast
    }

    .globalNav a:hover>span.over {
        opacity: 1
    }
}

.mrgStyle_01 {
    margin-bottom: 8vw
}

@media screen and (min-width:769px) {
    .mrgStyle_01 {
        margin-bottom: 38px
    }
}

.mrgStyle_02 {
    margin-bottom: 8.53333vw
}

@media screen and (min-width:769px) {
    .mrgStyle_02 {
        margin-bottom: 26px
    }
}

.mrgStyle_03 {
    margin-bottom: 6.4vw
}

@media screen and (min-width:769px) {
    .mrgStyle_03 {
        margin-bottom: 28px
    }
}

.mrgStyle_04 {
    margin-bottom: 5.33333vw
}

@media screen and (min-width:769px) {
    .mrgStyle_04 {
        margin-bottom: 40px
    }
}

@media screen and (min-width:769px) {
    .mrgStyle_05 {
        margin-left: -1px
    }
}

.mrgStyle_06 {
    position: relative;
    left: -.5em
}

.mrgStyle_07 {
    margin-bottom: 2.66667vw
}

@media screen and (min-width:769px) {
    .mrgStyle_07 {
        margin-bottom: 12px
    }
}

.mrgStyle_08 {
    margin-bottom: 16vw
}

@media screen and (min-width:769px) {
    .mrgStyle_08 {
        margin-bottom: 4.56467vh
    }
}

.mrgStyle_09 {
    margin-bottom: 1.33333vw
}

@media screen and (min-width:769px) {
    .mrgStyle_09 {
        margin-bottom: .42265vh
    }
}

.mrgStyle_10 {
    margin-bottom: 4.8vw
}

@media screen and (min-width:769px) {
    .mrgStyle_10 {
        margin-bottom: .84531vh
    }
}

.mrgStyle_11 {
    margin-top: 1.33333vw
}

@media screen and (min-width:769px) {
    .mrgStyle_11 {
        margin-top: 5px
    }
}

.mrgStyle_12 {
    margin-bottom: 4.26667vw
}

@media screen and (min-width:769px) {
    .mrgStyle_12 {
        margin-bottom: 0
    }
}

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

    .pc {
        display: block !important
    }

    .sp {
        display: none !important
    }

    .pcInline {
        display: inline !important
    }

    .spInline {
        display: none !important
    }

    .pcInlineB {
        display: inline-block !important
    }

    .spInlineB {
        display: none !important
    }

    .pcTd {
        display: table-cell !important
    }

    .spTd {
        display: none !important
    }

    .pcTbl {
        display: table !important
    }

    .spTbl {
        display: none !important
    }
}

@media screen and (min-width:1280px) {
    .widedev {
        display: block !important
    }
}

@media screen and (max-width:320px) {
    .facebookWidget.sp {
        width: 100%
    }
}


@media (max-width: 960px) {
    .articleStyle_04 .mainSec>.content>.inner{
        width: 100%;
    }
    iframe{
        width: 100%;
        max-width: 100%;
        height: 260px;
    }
}

@media (max-width: 768px) {
     .articleStyle_02 .content, .articleStyle_04 .content, .articleStyle_05 .content, .articleStyle_06 .content{
        padding-top: 20vw !important;
        align-items: center;
     }

   

     .big-word-div1{
            top: 80px !important;
            left: -15px !important;
     }

     .big-word-div2 {
        position: absolute;
        top: 140px !important;
        left: 10% !important;
    }

    #mainVis .bgImg{
            background-image: url(../picture/mmbanner.jpg);
            background-size: cover;
            background-position: 50% 100%;
    }
    #mainVis .mainLogoTtl h1 {
        display: block;
        padding-top: 65vw;
        padding-left: 0 !important;
    }

    .big-word{
        font-size: 4.2rem !important;
    }

}

.menuPanel .globalNav li .menu-text {
    font-size: 1.5rem;
    color: #c89e18;
}
#outerMenu .globalNav li .menu-text {
    font-size: 1.5rem;
    color: #c89e18;
}
.big-word-div1 {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 50%;
    height: 50px;
    color: #c89e18;
}

.big-word-div2 {
    position: absolute;
    top: 100px;
    left: 15%;
    width: 50%;
    height: 50px;
    color: #c89e18;
}

.big-word {
    font-size: 5rem;
}

.small-word {
    font-size: 2rem;
}
#content3 img {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-left: 0;
    margin-right: 25px;
}
#content4 img {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-left: 0;
    margin-right:25px;
    text-align: center;
}

#content4 p {
    text-align: center;
    text-shadow: 0 2px 5px #000;
}

@media (max-width: 960px) {
    #content4 img{
        width: 150px;
        height: 150px;
        margin-right:15px;
    }
    #content4 p{
            display: block;
            padding-right: 15px;
    }
}
#gallery .gallerySec .item .img-title {
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    margin-top: 5px;
}
.vdswi .swiper-button-next{right: 20%;color:#fff}
.vdswi .swiper-button-prev{left: 20%;color:#fff}
/*# sourceMappingURL=main.css.map */