@charset "UTF-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
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
}
button,
html,
input,
select,
textarea {
    color: #313131;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font-family: Avenir Next, Helvetica Neue, Helvetica, Arial, 游ゴシック, Yu Gothic, YuGothic, Hiragino Sans, ヒラギノ角ゴシック, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, Meiryo UI, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
    font-size: 1pc;
    background: #fff;
    line-height: 1.6;
    min-width: 20pc
}
a {
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
a,
a:hover {
    color: #313131
}
::-moz-selection {
    color: #fff;
    background: #313131;
    text-shadow: none
}
::selection {
    color: #fff;
    background: #313131;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0
}
fieldset,
hr {
    border: 0;
    padding: 0
}
fieldset {
    margin: 0
}
textarea {
    resize: vertical
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
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
}
input,
select {
    vertical-align: middle
}
a:active,
a:focus,
a:hover,
a:link,
a:visited {
    border: 0;
    outline: 0
}
ol,
ul {
    list-style: none
}
img {
    outline: 0;
    line-height: 1;
    vertical-align: top
}
em {
    font-style: normal
}
*,:after,:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
button {
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    background: transparent;
    font-weight: 400;
    text-shadow: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
svg defs {
    display: none
}
svg use {
    pointer-events: none
}
@font-face {
    font-family: Noto Sans Japanese;
    font-style: normal;
    font-weight: 200;
    src: url('fonts/notosans-r-light.eot');
    src: url("fonts/notosans-r-light.eot?#iefix") format("embedded-opentype"), url('fonts/notosans-r-light.woff2') format("woff2"), url('fonts/notosans-r-light.woff') format("woff"), url('fonts/notosans-r-light.otf') format("opentype")
}
@font-face {
    font-family: Noto Sans Japanese;
    font-style: normal;
    font-weight: 700;
    src: url('fonts/notosans-r-bold.eot');
    src: url("fonts/notosans-r-bold.eot?#iefix") format("embedded-opentype"), url('fonts/notosans-r-bold.woff2') format("woff2"), url('fonts/notosans-r-bold.woff') format("woff"), url('fonts/notosans-r-bold.otf') format("opentype")
}
.btn,
a.btn {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 400;
    vertical-align: baseline;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #313131;
    font-weight: 700;
    border: 2px solid #302629;
    width: 14pc;
    height: 40px;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0
}
.btn svg,
a.btn svg {
    display: none
}
.btn rect,
a.btn rect {
    fill: none;
    stroke: #302629;
    stroke-width: 3;
    stroke-dasharray: 555, 0;
    -webkit-transition: all 1s cubic-bezier(0.19,1,0.22,1);
    transition: all 1s cubic-bezier(0.19,1,0.22,1)
}
.btn.is-hovered,
a.btn.is-hovered {
    letter-spacing: 2px
}
.btn.is-hovered rect,
a.btn.is-hovered rect {
    stroke-width: 5;
    stroke-dasharray: 30, 555;
    stroke-dashoffset: 50
}
.u-visible-desktop {
    display: none !important
}
html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}
.remodal,
[data-remodal-id] {
    display: none
}
.remodal-overlay {
    position: fixed;
    z-index: 7;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}
.remodal-wrapper {
    position: fixed;
    z-index: 8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}
.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: ""
}
.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.remodal {
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}
.remodal-is-initialized {
    display: inline-block
}
.remodal-overlay {
    background: #fff;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: c;
    animation-name: c
}
.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: d;
    animation-name: d
}
.remodal-wrapper {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.remodal {
    cursor: default;
    width: 100%;
    padding: 110px 15px 20px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: #fff;
    text-align: left
}
.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.remodal.remodal-is-opening {
    -webkit-animation-name: a;
    animation-name: a
}
.remodal.remodal-is-closing {
    -webkit-animation-name: b;
    animation-name: b
}
.remodal,
.remodal-wrapper:after {
    vertical-align: middle
}
.remodal-close {
    cursor: pointer;
    -webkit-appearance: none;
    display: none;
    overflow: visible;
    position: absolute;
    top: 30px;
    right: 28px;
    width: 5pc;
    height: 5pc;
    line-height: 5pc;
    background: transparent;
    margin: 0;
    padding: 0;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    outline: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.remodal-close:after,
.remodal-close:before {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    background: #959595;
    position: absolute;
    top: 40px;
    left: 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}
.remodal-close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.remodal-close.is-hovered {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner,
.remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}
@-webkit-keyframes a {
    0 {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes a {
    0 {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@-webkit-keyframes b {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0
    }
}
@keyframes b {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0
    }
}
@-webkit-keyframes c {
    0 {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes c {
    0 {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes d {
    0 {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes d {
    0 {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.remodal {
    min-width: 20pc
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
    z-index: 5;
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 125px;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fff;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: left, right;
    transition-property: left, right
}
.swiper-button-next:focus,
.swiper-button-next:hover,
.swiper-button-prev:focus,
.swiper-button-prev:hover {
    outline: 0
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url('../img/icon-arrow-left-2x.png');
    left: -5px;
    right: auto
}
.swiper-button-prev.is-hovered,
.swiper-container-rtl .swiper-button-next.is-hovered {
    left: -10px
}
.swiper-button-prev.swiper-button-black,
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url('../img/icon-arrow-left-2x.png')
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url('../img/icon-arrow-right-2x.png');
    right: -5px;
    left: auto
}
.swiper-button-next.is-hovered,
.swiper-container-rtl .swiper-button-prev.is-hovered {
    right: -10px
}
.swiper-button-next.swiper-button-black,
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url('../img/icon-arrow-right-2x.png')
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.header {
    position: fixed;
    width: 100%;
    min-width: 20pc;
    height: 50px;
    z-index: 9;
    background: #fff
}
.header__logo {
    width: 195px;
    height: 31px;
    padding: 18px 0 0 15px
}
.header__logo a {
    display: block
}
.header__logo a svg {
    display: block;
    width: 100%;
    height: 100%
}
.header__menu {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 75px;
    height: 50px;
    background: #959595;
    z-index: 10
}
.header__menu .icon--menu {
    display: block;
    width: 19px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -10px
}
.header__menu .icon--menu .icon__bar {
    display: block;
    position: relative;
    width: 19px;
    height: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.header__menu .icon--menu .icon__bar:after,
.header__menu .icon--menu .icon__bar:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.header__menu .icon--menu .icon__bar:before {
    left: 0;
    width: 3px;
    height: 3px
}
.header__menu .icon--menu .icon__bar:after {
    right: 0;
    width: 13px;
    height: 3px
}
.header__menu .icon--menu .icon__bar+.icon__bar {
    margin-top: 3px
}
.header__menu .icon--menu .icon__bar:first-child {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}
.header__menu .icon--menu .icon__bar:last-child {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}
.header__menu .icon--menu .icon__bar:last-child:before {
    display: none
}
.menu--opened .header__menu .icon--menu .icon__bar,
.modal--opened .header__menu .icon--menu .icon__bar,
.modal--opening .header__menu .icon--menu .icon__bar {
    opacity: 0;
    width: 1pc;
    height: 2px;
    background: #fff
}
.menu--opened .header__menu .icon--menu .icon__bar:first-child,
.menu--opened .header__menu .icon--menu .icon__bar:last-child,
.modal--opened .header__menu .icon--menu .icon__bar:first-child,
.modal--opened .header__menu .icon--menu .icon__bar:last-child,
.modal--opening .header__menu .icon--menu .icon__bar:first-child,
.modal--opening .header__menu .icon--menu .icon__bar:last-child {
    opacity: 1
}
.menu--opened .header__menu .icon--menu .icon__bar:after,
.menu--opened .header__menu .icon--menu .icon__bar:before,
.modal--opened .header__menu .icon--menu .icon__bar:after,
.modal--opened .header__menu .icon--menu .icon__bar:before,
.modal--opening .header__menu .icon--menu .icon__bar:after,
.modal--opening .header__menu .icon--menu .icon__bar:before {
    opacity: 0
}
.menu--opened .header__menu .icon--menu .icon__bar:first-child,
.modal--opened .header__menu .icon--menu .icon__bar:first-child,
.modal--opening .header__menu .icon--menu .icon__bar:first-child {
    -webkit-transform: rotate(-45deg) translate(0);
    -ms-transform: rotate(-45deg) translate(0);
    transform: rotate(-45deg) translate(0)
}
.menu--opened .header__menu .icon--menu .icon__bar:last-child,
.modal--opened .header__menu .icon--menu .icon__bar:last-child,
.modal--opening .header__menu .icon--menu .icon__bar:last-child {
    -webkit-transform: rotate(45deg) translate(1px, 1px);
    -ms-transform: rotate(45deg) translate(1px, 1px);
    transform: rotate(45deg) translate(1px, 1px)
}
.menu {
    position: fixed;
    min-width: 20pc;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
    cursor: default;
    z-index: 6;
    visibility: hidden;
    -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: visibility 0.3s, opacity 0.3s, transform 0.3s;
    transition: visibility 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    background: #fff;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.menu--opened .menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.nav--primary {
    z-index: 5;
    position: absolute;
    left: 15px;
    top: 30px;
    font-size: 25px;
    font-family: Noto Sans Japanese;
    font-weight: 700
}
.nav--primary li+li {
    margin-top: 10px
}
.nav--primary a {
    position: relative;
    color: #959595
}
.nav--primary a:after {
    content: '';
    display: block;
    margin-top: 0.25em;
    height: 2px;
    width: 38px;
    background: #959595;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}
.nav--primary a.is-hovered {
    color: #302629
}
.nav--primary a.is-hovered:after {
    background: #302629
}
.nav--page-in {
    text-align: right;
    z-index: 5;
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 25px;
    font-family: Noto Sans Japanese;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.nav--page-in li {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease
}
.nav--page-in li+li {
    margin-top: 10px
}
.nav--page-in li.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.nav--page-in a {
    color: #959595
}
.nav--page-in a.is-hovered {
    color: #302629
}
.nav--social {
    z-index: 5;
    position: fixed;
    left: 15px;
    bottom: 28px
}
.nav--social ul:after,
.nav--social ul:before {
    content: " ";
    display: table
}
.nav--social ul:after {
    clear: both
}
.nav--social li {
    float: left
}
.nav--social li+li {
    margin-left: 28px
}
.nav--social a {
    display: block;
    color: #7d7d7d;
    width: 20px;
    height: 20px
}
.nav--social a svg {
    width: 100%;
    height: 100%;
    fill: #302629;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s
}
.nav--social a.is-hovered svg {
    fill: #000
}
.footer {
    height: 30px;
    background: #fff
}
.footer__copyright {
    color: #959595;
    line-height: 30px;
    text-align: center;
    font-family: Noto Sans Japanese;
    font-weight: 200
}
.footer__copyright small {
    font-size: 9px
}
.container {
    position: relative;
    margin-left: auto;
    margin-right: auto
}
.container:after,
.container:before {
    content: " ";
    display: table
}
.container:after {
    clear: both
}
.accordion-toggle {
    cursor: pointer
}
.accordion-toggle .icon--accordion {
    display: block;
    position: absolute;
    top: 50%;
    right: 9pt;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #fff
}
.accordion-toggle .icon--accordion:after,
.accordion-toggle .icon--accordion:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    width: 1px;
    height: 10px;
    background: #959595;
    -webkit-transition: visibility 0.3s, -webkit-transform 0.3s;
    transition: visibility 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, visibility 0.3s;
    transition: transform 0.3s, visibility 0.3s, -webkit-transform 0.3s
}
.accordion-toggle .icon--accordion:after,
.accordion-toggle.is-active .icon--accordion:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.accordion-toggle.is-active .icon--accordion:before {
    visibility: hidden
}
.accordion {
    display: none
}
.accordion.is-accordioning {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: height;
    transition-property: height
}
.accordion.is-active {
    display: block
}
.section {
    position: relative;
    padding: 70px 0
}
.section__title {
    font-family: Noto Sans Japanese;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    font-size: 25px;
    position: relative;
    line-height: 1;
    margin-bottom: 55px
}
.section__title:after {
    content: '';
    display: block;
    margin-top: 10px;
    width: 130px;
    height: 5px;
    background: #fff
}
.section__content {
    position: relative;
    margin-left: auto;
    margin-right: auto
}
.section--top {
    padding-top: 90pt
}
.top__visual--m {
    width: 100%;
    margin: -10px 0 -43px
}
.top__visual--m img {
    width: 100%;
    height: auto
}
.top__visual,
.top__visual__gradation {
    display: none
}
@-webkit-keyframes e {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
@keyframes e {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
.top__visual__logo {
    display: none
}
.section--concept {
    background: #f6f0e8
}
.section--concept > .container {
    padding-left: 0;
    padding-right: 0
}
.concept__image-01,
.concept__image-02,
.concept__image-03,
.concept__image-04,
.concept__image-05,
.concept__image-06 {
    display: block
}
.concept__image-01 img,
.concept__image-02 img,
.concept__image-03 img,
.concept__image-04 img,
.concept__image-05 img,
.concept__image-06 img {
    width: 100%;
    height: auto
}
.concept__image-01 {
    width: 65.625%
}
.concept__image-02,
.concept__image-03 {
    width: 100%
}
.concept__image-04 {
    margin-left: auto;
    width: 81.25%
}
.concept__image-05 {
    width: 100%
}
.concept__image-06 {
    margin-right: auto;
    width: 81.25%
}
.concept__text-01,
.concept__text-02,
.concept__text-03 {
    padding-left: 15px;
    padding-right: 15px;
    margin: 40px 0;
    font-size: 14px;
    line-height: 1.8571428571
}
.concept__text-01:before,
.concept__text-02:before,
.concept__text-03:before {
    content: '';
    content: none;
    display: block;
    height: 2px;
    background: #959595;
    width: 28px;
    margin-bottom: 20px
}
.section--styles {
    background: #fff
}
.section--styles .section__title:after {
    background: #f6f0e8
}
.section--styles .section__content {
    position: relative;
    font-size: 0;
    padding: 0 15px
}
.section--styles .section__content .clicking-preventer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 5
}
.section--styles .btn {
    margin-top: 40px
}
.section--member .section__title:after {
    background: #f6f0e8
}
.section--member > .container {
    padding-left: 0;
    padding-right: 0
}
.section--member .section__content {
    padding-left: 15px;
    padding-right: 15px
}
.member__name-wrapper {
    font-family: Noto Sans Japanese
}
.member__position {
    font-size: 11px;
    color: #707070;
    margin-bottom: 0.25em
}
.member__name,
.member__position {
    display: block;
    font-weight: 200;
    line-height: 1
}
.member__name {
    font-size: 28px
}
.member__familyname {
    font-weight: 700;
    margin-left: 0.1em
}
.member__ceo {
    margin-bottom: 40px
}
.member__grid .member__image img {
    width: 100%;
    height: auto
}
.member__grid .member__text {
    font-size: 14px;
    line-height: 1.5714285714;
    color: #313131;
    margin-top: 15px
}
.member__grid .member__name-wrapper {
    margin-bottom: 20px
}
.member__staff a {
    display: block;
    position: relative;
    text-align: right
}
.member__staff a img {
    width: 75%;
    height: auto
}
.member__staff .member__name-wrapper {
    position: absolute;
    left: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    background: #fff;
    padding: 15px 15px 15px 0;
    width: 150px;
    text-align: left
}
.member__staff .member__position {
    font-size: 11px;
    color: #a0a0a0
}
.member__staff .member__name {
    font-size: 15px
}
.member__staff__grid li+li {
    margin-top: 20px
}
.member__founder {
    margin: 50px 5px 0;
    border: 3px solid #f6f0e8;
    padding: 40px 8px
}
.member__founder .section__content {
    padding-left: 0;
    padding-right: 0
}
.member__founder__development {
    margin-top: 40px
}
.development__title {
    position: relative;
    font-family: Noto Sans Japanese;
    color: #bfbfbf;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}
.development__title .development__title__inner {
    position: relative;
    display: inline-block;
    background: #fff;
    padding-right: 1em;
    z-index: 1
}
.development__title:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 3px;
    background: #f6f0e8
}
.development__table {
    font-size: 10px
}
.development__table li+li {
    margin-top: 15px
}
.development__list-style {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 15px;
    background: #f6f0e8;
    margin-right: 15px
}
.development__list-style:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #a0a0a0;
    z-index: 4
}
.development__date {
    white-space: nowrap;
    font-family: Noto Sans Japanese;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #a0a0a0;
    padding-bottom: 0.25em;
    margin-bottom: 0.25em
}
.section--information {
    background: #f6f0e8
}
.section--information > .container {
    padding-left: 0;
    padding-right: 0
}
.cota__title {
    text-align: center;
    margin-bottom: 30px
}
.cota__title img {
    width: 161px;
    height: auto
}
.cota__image {
    display: block;
    margin-bottom: 25px;
    width: 100%;
    height: auto
}
.cota__text {
    font-size: 14px;
    line-height: 2;
    padding-left: 15px;
    padding-right: 15px
}
.cota__btn {
    margin-top: 50px
}
.section--access {
    background: #fff
}
.section--access .section__title:after {
    background: #f6f0e8
}
.accress__grid {
    padding-left: 15px;
    padding-right: 15px
}
.access__map {
    position: relative
}
.access__map:before {
    content: '';
    display: block;
    padding-top: 66.2068965517%
}
.access__map iframe {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.access__text {
    color: #313131;
    font-size: 14px;
    line-height: 1.7857142857;
    margin-top: 40px
}
.access__text a {
    display: inline-block;
    position: relative;
    color: #0782b9
}
.access__text a:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    background-color: #09a5ea;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1
}
.access__text a.is-hovered {
    color: #09a5ea
}
.access__text a.is-hovered:after {
    background-color: #2fb9f7
}
.access__text-block+.access__text-block {
    margin-top: 25px
}
.access__text__table li:first-child {
    font-weight: 700
}
.access__text__table span {
    display: inline-block
}
.holiday__name,
.reception__menu {
    display: inline-block;
    width: 110px;
    position: relative;
    padding-right: 0.5em
}
.holiday__name:after,
.reception__menu:after {
    content: '';
    display: block;
    border-top: 1px dashed #434343;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0.5em
}
.holiday__name__inner,
.reception__menu__inner {
    position: relative;
    background: #fff;
    z-index: 4;
    padding-right: 0.5em
}
.reception__title span:first-child {
    display: inline-block;
    width: 110px
}
.reception__time {
    width: auto;
    min-width: 6em;
    display: inline-block
}
.section--appearance {
    background: url(../img/appearance-image.jpg)no-repeat 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 0
}
.section--appearance.morning,
.section--appearance.night {
    background-image: url(../img/appearance-night.jpg);
}
.section--appearance.noon {
    background-image: url(../img/appearance-noon.jpg);
}
.section--appearance:before {
    content: '';
    display: block;
    padding-top: 56.3689604685%
}
.modal__container {
    position: relative;
    margin-left: auto;
    margin-right: auto
}
.modal__container:after,
.modal__container:before {
    content: " ";
    display: table
}
.modal__container:after {
    clear: both
}
.modal--calendar .modal__container iframe {
    width: 100%;
    height: 5in
}
.price__figure {
    position: relative;
    padding: 0 10px;
    margin-bottom: 30px;
    min-height: 274px
}
.price__figure:after,
.price__figure:before {
    content: " ";
    display: table
}
.price__figure:after {
    clear: both
}
.price__figure .price__figure__image {
    float: right;
    width: 143px;
    height: auto
}
.price__figure .price__figure__note {
    position: absolute;
    left: 10px;
    bottom: 0;
    padding-right: 173px;
    margin-top: 50px;
    font-size: 9pt;
    line-height: 1.6923076923
}
.price__figure .price__figure__note:before {
    content: '※';
    display: inline-block
}
.price__menu__table {
    border-bottom: 1px solid #343434
}
.price__menu__table dt {
    position: relative;
    padding-top: 10.2px;
    padding-bottom: 10.2px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    background: #eee;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-top: 1px solid #343434
}
.price__menu__table dt small {
    font-size: 10px;
    font-weight: 400;
    margin-left: 0.25em
}
.price__menu__table dt.is-active,
.price__menu__table dt.is-hovered {
    background: #d5d5d5
}
.price__menu__table dt.is-active.is-hovered {
    background: #eee
}
.price__menu__table dd {
    font-size: 9pt
}
.price__menu__table dd .accordion__container {
    border-top: 1px solid #343434;
    padding: 25px 10px
}
.price__menu__table dd li+li {
    margin-top: 0.75em
}
.price__menu__table dd ul ul li+li {
    margin-top: 0.25em
}
.price__menu__grid {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%
}
.price__menu__grid > * {
    display: table-cell
}
.price__menu__grid .price__menu__name:before {
    content: '';
    display: block;
    border-top: 1px dashed #434343;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0
}
.price__menu__name {
    position: relative;
    font-weight: 600;
    width: 100%
}
.price__menu__name span {
    position: relative;
    display: inline-block;
    background: #fff;
    padding-right: 1.5em
}
.price__menu__name.short {
    width: 75%;
}
.price__menu__name small {
    font-size: 10px;
    font-weight: 400
}
.price__menu__sub-table .price__menu__name {
    font-size: 9px
}
.price__menu__price {
    width: 5em;
    font-weight: 600;
    text-align: right
}
.price__menu__description {
    margin-top: 2em;
    font-size: 9px;
    font-weight: 400;
    color: #757575
}
.price__menu ul .price__menu__description {
    margin-top: 0.25em
}
.price__menu__sub-table {
    margin-top: 0.5em;
    padding-left: 1em
}
.price__menu__annotation {
    margin-top: 1em;
    font-size: 13px;
}
.price__menu__note {
    margin: 1em 0
}
.price__menu__note strong {
    font-size: 9pt;
    font-weight: 400;
    color: #e60012
}
.price__menu__others {
    font-size: 10px
}
.price__menu__others dt {
    font-size: 10px;
    font-weight: 600
}
.price__menu__others dt:after {
    content: '';
    display: inline-block;
    height: 1px;
    position: relative;
    top: -1px;
    width: 58px;
    background: #959595;
    vertical-align: middle;
    margin-left: 0.75em
}
.price__menu__others dd+dt {
    margin-top: 0.75em
}
.price__menu__others li {
    position: relative;
    padding-left: 15px;
    line-height: 1.8;
}
.price__menu__others li::before {
    content: '・';
    position: absolute;
    left: 0;
}
@includ .modal__container {
    .staff__item__grid {
        width: 860px
    }
}
.staff__items {
    width: 900px;
    margin-left: auto;
    margin-right: auto
}
.staff__item {
    position: relative;
    width: 900px
}
.staff__item:after,
.staff__item:before {
    content: " ";
    display: table
}
.staff__item:after {
    clear: both
}
.staff__item__image {
    position: relative
}
.staff__item__image img {
    width: 100%;
    height: auto
}
.staff__item__text {
    position: relative;
    font-size: 9pt;
    line-height: 1.7142857143
}
.staff__item__text .member__name-wrapper {
    padding: 25px 0
}
.staff__item__text .member__position {
    color: #a0a0a0
}
.staff__item__bg {
    background: #fff
}
.staff__item__message {
    margin-bottom: 35px
}
.staff__item__info dt {
    color: #eee;
    background: #959595;
    font-weight: 700;
    padding: 0.25em 0.5em
}
.staff__item__info dd {
    padding: 0.75em 0.5em
}
.staff__item__info dd+dt {
    margin-top: 20px
}
.swiper-container {
    margin-left: auto;
    margin-right: auto
}
.letter-01,
.letter-02,
.letter-03,
.letter-04,
.letter-05,
.letter-06,
.letter-07,
.letter-08,
.letter-09,
.letter-10 {
    display: none
}
.letter-01 {
    left: 724px;
    top: 8px
}
.letter-02 {
    left: 265px;
    top: 733px
}
.letter-03 {
    left: 724px;
    top: 1487px
}
.letter-04 {
    left: 257px;
    top: 404px
}
.letter-05 {
    left: 824px;
    top: -139px
}
.letter-06 {
    left: 262px;
    top: 889px
}
.letter-07 {
    left: 780px;
    bottom: -50px
}
.letter-08 {
    left: 203px;
    top: 407px
}
.letter-09 {
    left: 811px;
    top: -237px
}
.letter-10 {
    left: 203px;
    bottom: -370px
}
.browserupgrade {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 20pc;
    padding: 10px 0;
    font-size: 9pt;
    color: #fff;
    text-align: center;
    background-color: #313131
}
@media(min-width:768px) {
    html {
        min-width: 855pt
    }
    .btn,
    a.btn {
        border: 0;
        padding: 3px;
        width: 20pc;
        height: 70px;
        font-size: 1pc;
        line-height: 4pc
    }
    .btn svg,
    a.btn svg {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
    .u-visible-mobile {
        display: none !important
    }
    .u-visible-desktop {
        display: block !important
    }
    .remodal {
        margin-bottom: 10px;
        padding: 75pt 20px 50px
    }
    .remodal-close {
        display: block
    }
    .remodal {
        min-width: 900px;
        max-width: 855pt
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 50%;
        margin-top: -20px
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        background-image: url('../img/icon-arrow-left.png');
        left: 28px
    }
    .swiper-button-prev.is-hovered,
    .swiper-container-rtl .swiper-button-next.is-hovered {
        left: 23px
    }
    .swiper-button-prev.swiper-button-black,
    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-black,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url('../img/icon-arrow-left.png')
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        background-image: url('../img/icon-arrow-right.png');
        right: 28px
    }
    .swiper-button-next.is-hovered,
    .swiper-container-rtl .swiper-button-prev.is-hovered {
        right: 23px
    }
    .swiper-button-next.swiper-button-black,
    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-black,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url('../img/icon-arrow-right.png')
    }
    .header {
        position: static;
        height: auto;
        width: auto;
        background: tranparent
    }
    .header__logo,
    .header__menu {
        display: none
    }
    .menu {
        display: block;
        position: static;
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .nav--primary {
        position: fixed;
        left: 20px;
        top: 3pc;
        font-size: 1pc
    }
    .nav--primary li+li {
        margin-top: 20px
    }
    .nav--primary a {
        color: #7d7d7d
    }
    .nav--primary a:after {
        width: 30px
    }
    .nav--primary a.is-hovered {
        color: #302629
    }
    .nav--page-in {
        position: fixed;
        right: 20px;
        font-size: 1pc;
        margin-top: -45px
    }
    .nav--page-in li+li {
        margin-top: 20px
    }
    .nav--page-in li {
        -webkit-transform: translateY(90px);
        -ms-transform: translateY(90px);
        transform: translateY(90px)
    }
    .nav--page-in a {
        color: #7d7d7d
    }
    .nav--social {
        bottom: 55px
    }
    .nav--social li+li {
        margin-left: 2pc
    }
    .footer__copyright small {
        font-size: 11px
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
        width: 855pt
    }
    .accordion-toggle .icon--accordion {
        margin-top: -13px;
        right: 1pc;
        width: 26px;
        height: 26px
    }
    .accordion-toggle .icon--accordion:after,
    .accordion-toggle .icon--accordion:before {
        margin-left: -1px;
        margin-top: -7px;
        width: 2px;
        height: 14px
    }
    .section {
        padding: 110px 0
    }
    .section__title {
        padding-left: 0;
        padding-right: 0;
        font-size: 40px;
        margin-bottom: 5pc
    }
    .section__title:after {
        margin-top: 20px;
        width: 210px;
        height: 10px
    }
    .section__content {
        padding-left: 20px;
        padding-right: 20px;
        width: 900px
    }
    .section--top {
        padding-top: 110px;
        min-height: 622px;
        height: 100vh
    }
    .top__visual--m {
        display: none
    }
    .top__visual {
        position: absolute;
        top: 50%;
        display: block;
        left: 50%;
        margin-top: -201px;
        margin-left: -550px;
        width: 825pt;
        height: 386px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 1s;
        transition: all 1s;
            background: transparent;
    }
    .mobile .top__visual {
        -webkit-box-shadow: -5px 40px 50px 0 rgba(12, 3, 6, .2);
        box-shadow: -5px 40px 50px 0 rgba(12, 3, 6, .2)
    }
    .top__visual.is-images-loaded {
        visibility: visible;
        opacity: 1
    }
    #top__visual__building {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1100px;
        height: 402px;
        z-index: 2
    }
    #top__visual__shadow {
        display: block;
        position: absolute;
        left: -50px;
        top: -30px;
        width: 1196px;
        height: 498px;
        background: url(../img/img_2.png)no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        z-index: 2
    }
    .top__visual__frame {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 825pt;
        height: 402px;
        background: url(../img/top-visual-bg.png)no-repeat;
        -webkit-background-size: 1100pt auto;
        background-size: 1100pt auto;
        z-index: 2
    }
    .no-cssgradients .top__visual__frame {
        background-image: url('../img/top-visual-bg-no-cssgradients.png')
    }
    .top__visual__gradation {
        display: block;
        position: absolute;
        left: 5px;
        top: 5px;
        right: 5px;
        bottom: 5px;
        overflow: hidden
    }
    .top__visual__gradation:after {
        content: '';
        display: block;
        position: absolute;
        left: 27px;
        top: -52px;
        width: 500px;
        height: 500px;
        background: -webkit-gradient(linear,left top,right top,from(#c7d887),to(#fabab6));
        background: linear-gradient(90deg,#c7d887 0,#fabab6);
        -webkit-animation: e 10s infinite;
        animation: e 10s infinite
    }
    .top__visual__logo {
        display: block;
        position: absolute;
        top: 10px;
        right: 25px;
        z-index: 3
    }
    .section--concept {
        padding-bottom: 0
    }
    .section--concept .section__content {
        height: 1858px;
        width: auto;
        padding: 0;
        overflow: hidden
    }
    .section--concept > .container {
        padding-left: 20px;
        padding-right: 20px
    }
    .concept__image-01,
    .concept__image-02,
    .concept__image-03,
    .concept__image-04,
    .concept__image-05,
    .concept__image-06 {
        position: absolute
    }
    .concept__image-01 {
        left: 470px;
        top: -26px;
        width: 310px
    }
    .concept__image-02 {
        left: 780px;
        top: 260px;
        width: 471px
    }
    .concept__image-03 {
        left: -5pc;
        top: 525px;
        width: 750px
    }
    .concept__image-04 {
        left: 670px;
    	top: 1307px;
        width: 350px
    }
    .concept__image-05 {
        left: 580px;
        top: 947px;
        width: 40pc
    }
    .concept__image-06 {
        left: 70px;
	    top: 1307px;
	    width: 600px;
    }
    .concept__text-01,
    .concept__text-02,
    .concept__text-03 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        position: absolute
    }
    .concept__text-01:before,
    .concept__text-02:before,
    .concept__text-03:before {
        width: 40px;
        margin-bottom: 40px
    }
    .concept__text-01 {
        left: 140px;
        top: 105px;
        width: 310px
    }
    .concept__text-02 {
        left: 690px;
        top: 660px;
        width: 310px
    }
    .concept__text-03 {
        left: 140px;
        top: 1050px;
        width: 420px
    }
    .section--styles .section__content {
        padding: 20px 20px 0;
        background: #fff
    }
    .section--styles .btn {
        margin-top: 60px
    }
    .section--member > .container {
        padding-left: 20px;
        padding-right: 20px
    }
    .section--member .section__content {
        padding-left: 0;
        padding-right: 0;
        width: 1090px
    }
    .section--member .member__founder .section__content {
        padding-left: 0;
        padding-right: 0;
        width: 860px
    }
    .member__position {
        font-size: 1pc
    }
    .member__name {
        font-size: 40px
    }
    .member__ceo {
        margin-bottom: 5pc
    }
    .member__ceo .member__image {
        width: 40%
    }
    .member__ceo .member__text {
        width: 60%
    }
    .member__grid {
        margin-left: -10px;
        margin-right: -10px
    }
    .member__grid:after,
    .member__grid:before {
        content: " ";
        display: table
    }
    .member__grid:after {
        clear: both
    }
    .member__grid > * {
        float: left;
        width: 50%;
        padding-left: 10px;
        padding-right: 10px
    }
    .member__grid .member__image img {
        width: 420px
    }
    .member__grid .member__text {
        margin-top: 0
    }
    .member__grid .member__name-wrapper {
        margin-bottom: 35px
    }
    .member__staff a {
        padding-bottom: 20px
    }
    .member__staff a img {
        width: 100%
    }
    .member__staff .member__name-wrapper {
        width: auto;
        left: 0;
        bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 20px 20px 0 0;
        -webkit-transition: padding 0.3s;
        transition: padding 0.3s
    }
    .member__staff a.is-hovered .member__name-wrapper {
        padding: 50px 35px 0 0
    }
    .member__staff .member__position {
        font-size: 13px
    }
    .member__staff .member__name {
        font-size: 1pc
    }
    .member__staff__grid li+li {
        margin-top: 0
    }
    .member__staff__grid {
        margin-left: -10px;
        margin-right: -10px
    }
    .member__staff__grid:after,
    .member__staff__grid:before {
        content: " ";
        display: table
    }
    .member__staff__grid:after {
        clear: both
    }
    .member__staff__grid > * {
        float: left;
        width: 25%;
        padding-left: 10px;
        padding-right: 10px
    }
    .member__founder {
        margin-top: 75pt;
        padding: 5pc 0
    }
    .member__founder .member__grid > * {
        float: right
    }
    .member__founder__development {
        margin-top: 5pc
    }
    .development__title {
        font-size: 40px;
        margin-bottom: 40px
    }
    .development__table {
        width: 100%;
        display: table;
        font-size: 1pc
    }
    .development__table li {
        display: table-row
    }
    .development__table li > * {
        display: table-cell
    }
    .development__table li+li {
        margin-top: 0
    }
    .development__table li+li > * {
        padding-top: 0.25em
    }
    .development__date {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
        padding-right: 35px;
        font-size: 20px
    }
    .development__text {
        width: 100%
    }
    .development__text:before {
        content: '|';
        display: inline-block;
        color: #a0a0a0;
        font-weight: 200;
        margin-right: 2em
    }
    .section--information > .container {
        padding-left: 20px;
        padding-right: 20px
    }
    .cota__title {
        margin-bottom: 56px
    }
    .cota__title img {
        width: 13pc
    }
    .cota__image {
        width: 860px;
        margin-bottom: 50px
    }
    .cota__text {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 40pc
    }
    .cota__btn {
        margin-top: 30px
    }
    .accress__grid {
        padding-left: 0;
        padding-right: 0;
        margin-left: -10px;
        margin-right: -10px
    }
    .accress__grid:after,
    .accress__grid:before {
        content: " ";
        display: table
    }
    .accress__grid:after {
        clear: both
    }
    .accress__grid > * {
        float: right;
        padding-left: 10px;
        padding-right: 10px
    }
    .access__map {
        width: 530px;
        height: 298px
    }
    .access__map:before {
        display: none
    }
    .access__map iframe {
        position: static;
        width: 530px;
        height: 298px
    }
    .access__text {
        font-size: 13px;
        line-height: 2;
        width: 330px;
        margin-top: 0
    }
    .access__text-block+.access__text-block {
        margin-top: 60px
    }
    .section--appearance {
        height: 770px
    }
    .section--appearance:before {
        display: none
    }
    .modal--calendar .modal__container {
        width: 860px
    }
    .modal--calendar .modal__container iframe {
        height: 600px
    }
    .modal--price .modal__container {
        width: 900px
    }
    .price__figure {
        padding: 0;
        position: absolute;
        left: -20px;
        width: 210px;
        z-index: 1;
        margin-bottom: 0;
        min-height: none
    }
    .price__figure .price__figure__image {
        float: none;
        width: 210px
    }
    .price__figure .price__figure__note {
        padding-right: 0;
        bottom: auto;
        font-size: 13px;
        padding-left: 1.15em
    }
    .price__figure .price__figure__note:before {
        position: absolute;
        left: 0
    }
    .price__menu {
        position: relative;
        z-index: 2;
        float: right;
        width: 40pc
    }
    .price__menu__table dt {
        padding-top: 1pc;
        padding-bottom: 1pc;
        padding-left: 25px;
        font-size: 20px
    }
    .price__menu__table dt small {
        font-size: 14px
    }
    .price__menu__table dd {
        font-size: 1pc
    }
    .price__menu__table dd .accordion__container {
        padding: 30px 25px
    }
    .price__menu__description,
    .price__menu__name small,
    .price__menu__note strong,
    .price__menu__others,
    .price__menu__others dt,
    .price__menu__sub-table .price__menu__name {
        font-size: 13px
    }
    .staff__item__image {
        position: absolute;
        left: 57px;
        top: 0
    }
    .staff__item__image img {
        width: 413px
    }
    .staff__item__text {
        width: 500px;
        float: right;
        font-size: 14px
    }
    .staff__item__text .member__name-wrapper {
        padding: 60px 0 60px 105px
    }
    .staff__item__bg {
        padding: 40px 40px 0
    }
    .staff__item__message {
        margin-bottom: 50px
    }
    .staff__item__info__style li {
        display: inline-block
    }
    .staff__item__info__style li:after {
        content: '|';
        display: inline-block;
        margin: 0 1em;
        color: #959595
    }
    .staff__item__info__style li:last-child:after {
        content: none
    }
    .swiper-container {
        width: 900px
    }
    .letter-01,
    .letter-02,
    .letter-03,
    .letter-04,
    .letter-05,
    .letter-06,
    .letter-07,
    .letter-08,
    .letter-09,
    .letter-10 {
        display: block;
        position: absolute;
        z-index: 5
    }
}
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}