@font-face {
    font-family: "MyriadPro-Regular";
    src: url("/destinationoffice_form/assets/css/fonts/MyriadPro-Regular.woff") format("woff");
}
@font-face {
    font-family: "MyriadPro-Semibold";
    src: url("/destinationoffice_form/assets/css/fonts/MyriadPro-Semibold.woff") format("woff");
}
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Alata&display=swap";
@charset "UTF-8";

*[class*=ratio-] {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

*[class*=ratio-]:before {
    width: 100%;
    content: '';
    display: block;
    position: relative
}

.ratio-16by9:before {
    padding-top: 56.25%
}

.ratio-4by3:before {
    padding-top: 75%
}

.ratio-3by2:before {
    padding-top: 66.66667%
}

.ratio-1by1:before {
    padding-top: 100%
}

.ratio-golden:before {
    padding-top: 61.8047%
}

.sub-header .list-sns > li a:before,
.form-field .input-check > li span:after,
.form-agree .input-check span:after,
.form-field .input-radio-2 > li span:before,
.form-field .input-radio-2 > li input:checked + span:after,
.shops-list .shop-box .shop-head {
    position: absolute;
    top: 50%;
    z-index: 2
}

@keyframes menu-bar-1 {
    0% {
        transform: translateY(10px) rotate(45deg)
    }

    50% {
        transform: translateY(10px) rotate(0)
    }

    100% {
        transform: translateY(0) rotate(0)
    }
}

@keyframes menu-bar-2 {
    0% {
        transform: translateY(-10px) rotate(-45deg)
    }

    50% {
        transform: translateY(-10px) rotate(0)
    }

    100% {
        transform: translateY(0) rotate(0)
    }
}

@keyframes active-menu-bar-1 {
    0% {
        transform: translateY(0) rotate(0)
    }

    50% {
        transform: translateY(10px) rotate(0)
    }

    100% {
        transform: translateY(10px) rotate(45deg)
    }
}

@keyframes active-menu-bar-2 {
    0% {
        -webkit-transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(-10px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(-10px) rotate(-45deg)
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #FFF;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    33% {
        width: .4em;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }

    100% {
        width: .4em;
        height: .7em;
        border-color: #FFF;
        transform: translate3d(0, -.7em, 0) rotate(45deg)
    }
}

@keyframes about-1 {
    0% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1.2, 1.2) translateX(-100px)
    }
}

@keyframes about-2 {
    0% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1.2, 1.2) translateX(100px)
    }
}

@keyframes scale {
    0% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1.2, 1.2)
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: webicon;
    src: url(fonts/webicon.ttf?6jjxz5) format("truetype"), url(fonts/webicon.woff?6jjxz5) format("woff"), url(fonts/webicon.svg?6jjxz5#webicon) format("svg");
    font-display: block
}

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

.icon-building:before {
    content: "\e902"
}

.icon-clock:before {
    content: "\e903"
}

.icon-phone:before {
    content: "\e904";
    margin-right: 3px
}

.icon-newwin:after {
    margin-left: 3px;
    content: "\e905";
    font-family: webicon
}

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

.icon-insta:before {
    content: "\e901";
    margin-right: 10px
}

.icon-pdf:after {
    margin-left: 5px;
    color: #eb8686;
    content: "\e906";
    font-family: webicon
}

.icon-prev,
.icon-next,
.icon-top,
.icon-btm {
    position: relative
}

.icon-prev:before,
.icon-next:before,
.icon-top:before,
.icon-btm:before {
    margin: auto;
    content: '';
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.icon-prev:before,
.icon-next:before,
.icon-top:before,
.icon-btm:before {
    width: 6px;
    height: 6px;
    transform: rotate(45deg)
}

.size-s.icon-prev:before,
.size-s.icon-next:before,
.size-s.icon-top:before,
.size-s.icon-btm:before {
    width: 4px;
    height: 4px;
    border-width: 1px
}

.icon-prev:before {
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    left: 10px
}

.icon-next:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    left: auto;
    right: 10px
}

.icon-top:before {
    border-top: 2px solid #333;
    border-left: 2px solid #333
}

.icon-btm:before {
    border-bottom: 2px solid #333;
    border-right: 2px solid #333
}

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

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

input,
textarea {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer
}

input[type=radio],
input[type=checkbox] {
    display: none
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%
}

body {
    color: #333;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Noto Sans JP, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Hiragino Sans, "游ゴシック Mediu", YuGothic, YuGothicM, "‘メイリオ’", meiryo, sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.71429;
    position: relative
}

ol,
ul {
    list-style-type: none
}

blockquote,
q {
    quotes: none
}

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

body * {
    box-sizing: border-box;
    word-break: break-word
}

a {
    color: #888;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: all .3s ease-in-out 0s;
}

a:hover {
    text-decoration: underline
}

::selection,
::-moz-selection {
    background: #3f3f3f;
    color: #674f9d
}

h1,
h2,
h3,
h4,
h5,
h6,
li {
    font-size: 100%
}

img {
    max-width: 100%
}

.header {
    width: 190px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4
}

.header-logo {
    width: 100%;
    height: 80px;
    background: #75A9CE;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0
}

.header-logo a img {
    width: 140px;
    transition: all .3s ease-in-out 0s
}

.header-logo a:hover img {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.header-main {
    width: 100%
}

.sub-header {
    width: 100%;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: fixed;
    z-index: 3;
    background-color: #fff;
}

.sub-header [class^=list-] {
    display: -ms-flexbox;
    display: flex
}

.sub-header .list-sns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sub-header .list-sns > li {
    width: 38px;
    height: 38px;
    margin-left: 10px;
    border-radius: 38px;
    overflow: hidden;
    position: relative
}

.sub-header .list-sns > li a {
    width: 100%;
    height: 100%;
    background: #FFF;
    display: block
}

.sub-header .list-sns > li a:before {
    color: #333;
    font-size: 22px;
    font-size: 2.2rem;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sub-header .list-sns > li a:hover {
    background: #000
}

.sub-header .list-sns > li a:hover:before {
    color: #FFF
}

.sub-header .list-nav {
    height: 80px;
    margin-left: 20px;
    display: -ms-flexbox;
    display: flex
}

.sub-header .list-nav > li {
    width: 150px;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.sub-header .list-nav > li.color {
    width: 160px;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.footer {
    padding: 50px 0 0;
    background: #fff;
    color: #333;
    position: relative;
    z-index: 5
}

.footer > div {
    display: -ms-flexbox;
    /*display: flex;*/
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: center;
    align-items: center;
}

.footer > div .footer-list {
    width: 40%;
    display: -ms-flexbox;
    display: flex;
}

.footer > div .footer-list > li {
   margin: 0 auto;
}

.footer > div .footer-list > li a {
    color: #333
}

.footer > div .footer-list > li:last-child {
    margin-bottom: 0
}

.footer > div .footer-info {
    width: 25%;
	margin: 0 auto;
}

.footer > div .footer-info .footer-logo {
    margin:0 auto 20px auto;
}

.footer > div .footer-info h3 {
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400
}

.footer > div .footer-info address {
    font-style: normal
}

.footer .copy {
    width: 100%;
    padding: 40px 0 20px;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    text-align: center
}

.gnav-main > li {
    height: 50px;
    border-bottom: 1px solid #000;
    text-align: center
}

.gnav-main > li:last-child {
    border-bottom: 0
}

.gnav-main > li a {
    width: 100%;
    height: 100%;
    background: #3f3f3f;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.gnav-main > li a:before {
    display: none
}

.gnav-main > li a span {
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.42857
}

.gnav-main > li a span:before {
    display: none
}

.gnav-main > li a span img {
    width: 25px;
    margin-right: 10px
}

.gnav-main > li a:hover {
    background: #000;
    text-decoration: none
}

.gnav-main > li.active a {
    background: #000
}

.gnav-main > li.active a span:after {
    right: 0
}

.gnav-sub {
    display: none
}

.hamb-btn {
    display: none
}

.hamb-logo {
    display: none
}

html,
body {
    width: 100%
}

.body-fixed {
    position: fixed
}

.l-wrap {
    width: 100%;
    overflow: hidden;
    scroll-behavior: smooth
}

.l-container {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0
}

.l-container:before {
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    /*background: url(/destinationoffice_form/assets/img/contents_bg.png) left top/cover no-repeat;*/
    content: '';
    pointer-events: none;
    position: fixed;
    top: 0;
    z-index: 3
}

.l-container .container-bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 2
}

.l-container .container-mv {
    display: none
}

.l-container .container-head {
    width: 50%;
    padding: 40px;
    background: rgba(0, 0, 0, .6);
    color: #FFF;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0
}

.l-container .container-head .page-head {
    margin-bottom: 15px
}

.l-container .container-head .page-lead {
    font-size: 1vw
}

.l-contents {
    width: 100%;
    /*padding: 65px 0 0;*/
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    position: relative;
    z-index: 2;
    /*padding-top: 80px;*/
}

.l-contents .contents-inr {
    min-height: calc(100vh - 327px)
}

.l-contents section {
    padding: 80px 0;
    clear: none;
    position: relative
}

.l-contents section.bgcolor:before,
.l-contents section.bgcolor-1:before,
.l-contents section.bgcolor-2:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.l-contents section.bgcolor-1 {
    color: #333
}

.l-contents section.bgcolor-1:before {
    background: #FFF;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.l-contents section.bgcolor-2:before {
    background: #9bb8cb;
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
}

.sc-inr,
.sc-inr-s,
.sc-inr-w {
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    max-width: 1360px
}

.sc-inr-s {
    max-width: 880px
}

.sc-inr-w {
    max-width: 1480px
}

.sc-box {
    margin-bottom: 40px
}

.sc-box:last-child {
    margin-bottom: 0
}

.sc-kv {
    width: 100%;
    height: 300px;
    background: #4881a3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sc-kv-inr {
    padding: 0 20px;
    text-align: center
}

.sc-kv .kv-head {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.28571
}

.sc-kv .kv-head:before {
    content: attr(data-text);
    font-size: 60px;
    font-size: 6rem;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    line-height: 1.14286;
    display: block;
    text-transform: uppercase
}

.sc-kv .kv-lead {
    margin-top: 15px
}

.mt0 {
    margin-top: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.ml5 {
    margin-left: 5px !important
}

.mr5 {
    margin-right: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.ml10 {
    margin-left: 10px !important
}

.mr10 {
    margin-right: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.ml15 {
    margin-left: 15px !important
}

.mr15 {
    margin-right: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.ml20 {
    margin-left: 20px !important
}

.mr20 {
    margin-right: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.ml25 {
    margin-left: 25px !important
}

.mr25 {
    margin-right: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.ml30 {
    margin-left: 30px !important
}

.mr30 {
    margin-right: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.ml35 {
    margin-left: 35px !important
}

.mr35 {
    margin-right: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.ml40 {
    margin-left: 40px !important
}

.mr40 {
    margin-right: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.ml45 {
    margin-left: 45px !important
}

.mr45 {
    margin-right: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.ml50 {
    margin-left: 50px !important
}

.mr50 {
    margin-right: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.ml55 {
    margin-left: 55px !important
}

.mr55 {
    margin-right: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.ml60 {
    margin-left: 60px !important
}

.mr60 {
    margin-right: 60px !important
}

.mt65 {
    margin-top: 65px !important
}

.mb65 {
    margin-bottom: 65px !important
}

.ml65 {
    margin-left: 65px !important
}

.mr65 {
    margin-right: 65px !important
}

.mt70 {
    margin-top: 70px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.ml70 {
    margin-left: 70px !important
}

.mr70 {
    margin-right: 70px !important
}

.mt75 {
    margin-top: 75px !important
}

.mb75 {
    margin-bottom: 75px !important
}

.ml75 {
    margin-left: 75px !important
}

.mr75 {
    margin-right: 75px !important
}

.mt80 {
    margin-top: 80px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.ml80 {
    margin-left: 80px !important
}

.mr80 {
    margin-right: 80px !important
}

.mt85 {
    margin-top: 85px !important
}

.mb85 {
    margin-bottom: 85px !important
}

.ml85 {
    margin-left: 85px !important
}

.mr85 {
    margin-right: 85px !important
}

.mt90 {
    margin-top: 90px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.ml90 {
    margin-left: 90px !important
}

.mr90 {
    margin-right: 90px !important
}

.mt95 {
    margin-top: 95px !important
}

.mb95 {
    margin-bottom: 95px !important
}

.ml95 {
    margin-left: 95px !important
}

.mr95 {
    margin-right: 95px !important
}

.mt100 {
    margin-top: 100px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.ml100 {
    margin-left: 100px !important
}

.mr100 {
    margin-right: 100px !important
}

.center {
    text-align: center !important
}

.left {
    text-align: left !important
}

.right {
    text-align: right !important
}

.vat {
    vertical-align: top !important
}

.vam {
    vertical-align: middle !important
}

.vab {
    vertical-align: bottom !important
}

.deco-line {
    text-decoration: underline
}

.lang-en {
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    font-weight: 700
}

.tel-sp {
    pointer-events: none
}

.bd {
    font-weight: 700
}

.nm {
    font-weight: 400
}

.is-pc {
    display: block !important
}

.is-sp {
    display: none !important
}

.sz0 {
    font-size: 0;
    line-height: Infinity
}

.sz1 {
    font-size: 1px;
    font-size: .1rem;
    line-height: 24
}

.sz2 {
    font-size: 2px;
    font-size: .2rem;
    line-height: 12
}

.sz3 {
    font-size: 3px;
    font-size: .3rem;
    line-height: 8
}

.sz4 {
    font-size: 4px;
    font-size: .4rem;
    line-height: 6
}

.sz5 {
    font-size: 5px;
    font-size: .5rem;
    line-height: 4.8
}

.sz6 {
    font-size: 6px;
    font-size: .6rem;
    line-height: 4
}

.sz7 {
    font-size: 7px;
    font-size: .7rem;
    line-height: 3.42857
}

.sz8 {
    font-size: 8px;
    font-size: .8rem;
    line-height: 3
}

.sz9 {
    font-size: 9px;
    font-size: .9rem;
    line-height: 2.66667
}

.sz10 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 2.4
}

.sz11 {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 2.18182
}

.sz12 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2
}

.sz13 {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.84615
}

.sz14 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429
}

.sz15 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6
}

.sz16 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5
}

.sz17 {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.41176
}

.sz18 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333
}

.sz19 {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.26316
}

.sz20 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2
}

.sz21 {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.14286
}

.sz22 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.09091
}

.sz23 {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.04348
}

.sz24 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1
}

.sz25 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: .96
}

.sz26 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: .92308
}

.sz27 {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: .88889
}

.sz28 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: .85714
}

.sz29 {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: .82759
}

.sz30 {
    font-size: 30px;
    font-size: 3rem;
    line-height: .8
}

.w0 {
    width: 0 !important
}

.w5 {
    width: 5% !important
}

.w10 {
    width: 10% !important
}

.w15 {
    width: 15% !important
}

.w20 {
    width: 20% !important
}

.w25 {
    width: 25% !important
}

.w30 {
    width: 30% !important
}

.w35 {
    width: 35% !important
}

.w40 {
    width: 40% !important
}

.w45 {
    width: 45% !important
}

.w50 {
    width: 50% !important
}

.w55 {
    width: 55% !important
}

.w60 {
    width: 60% !important
}

.w65 {
    width: 65% !important
}

.w70 {
    width: 70% !important
}

.w75 {
    width: 75% !important
}

.w80 {
    width: 80% !important
}

.w85 {
    width: 85% !important
}

.w90 {
    width: 90% !important
}

.w95 {
    width: 95% !important
}

.w100 {
    width: 100% !important
}

.clm-link,
.clm-half > li .half-link,
.top-swiper .slide-link,
.shops-list .shop-link {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.clm-h .h-img,
.top-swiper .swiper-container .swiper-slide .h-img,
.shops-list .shop-h .h-img {
    border-radius: 2px;
   /*  overflow: hidden; */
    line-height: 0
}

.clm-h .h-tx,
.top-swiper .swiper-container .swiper-slide .h-tx,
.shops-list .shop-h .h-tx {
    transition: all .3s ease-in-out 0s
}

.clm-h .h-marker span,
.top-swiper .swiper-container .swiper-slide .h-marker span,
.shops-list .shop-h .h-marker span {
    padding: 1px 0;
    background: linear-gradient(to right, #FFF 50%, transparent 50%) 100% 0/200% auto no-repeat;
    transition: background-position .25s ease-out
}



.clm-h:hover .h-tx,
.top-swiper .swiper-container .swiper-slide:hover .h-tx,
.shops-list .shop-h:hover .h-tx {
    background: #FFF;
    color: #333;
    position: relative
}

.clm-h:hover .h-marker span,
.top-swiper .swiper-container .swiper-slide:hover .h-marker span,
.shops-list .shop-h:hover .h-marker span {
    background-position: 0 0;
    color: #333
}

.h-marker {
    padding: 1px 0;
    background: linear-gradient(to right, #FFF 50%, transparent 50%) 100% 0/200% auto no-repeat;
    transition: background-position .25s ease-out
}

.h-marker:hover {
    background-position: 0 0;
    color: #333;
    text-decoration: none
}

.head-1,
.head-2,
.head-3,
.head-4 {
    margin: 0 0 30px;
    font-weight: 700;
    position: relative
}

.head-logo {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: center;
    align-items: center
}

.head-logo .head-2 {
    margin-bottom: 0
}

.head-logo .head-2 span {
    border-bottom: 1px solid #FFF;
    font-size: 13px;
    font-size: 1.3rem
}

.head-logo .logo {
    width: 30%;
    text-align: right;
    line-height: 0
}

.head-logo .logo img {
    max-height: 135px
}

.head-info {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.head-info > li {
    width: 50%;
    margin-bottom: 10px;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.head-info > li .sub {
    width: 70px;
    padding: 2px;
    margin-right: 10px;
    background: #FFF;
    border-radius: 2px;
    display: inline-block;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center
}

.head-info > li .tx {
    width: calc(100% - 80px);
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem
}

.head-info > li::last-child {
    margin-bottom: 0
}

.head-1 {
    font-size: 40px;
    font-size: 4rem;
    letter-spacing: 3px;
    line-height: 40px;
    line-height: 4rem
}

.head-1:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #616161;
    bottom: -15px;
    width: 470px;
    left: 50%;
    transform: translateX(-50%);
}

.head-sub{
    margin-top: 20px;
}

.head-2 {
    margin-bottom: 20px;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 34px;
    line-height: 3.4rem
}

.head-2:after {
    margin-top: 5px;
    content: attr(data-text);
    font-size: 14px;
    font-size: 1.4rem;
    display: block
}

.head-2 span {
    border-bottom: 1px solid #FFF;
    font-size: 13px;
    font-size: 1.3rem
}

.head-3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.42857;
}

.head-4 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem
}

.head-4:before {
    margin-right: 5px;
    content: '●'
}

.btn-1 .icon-prev:before,
.btn-2 .icon-prev:before,
.btn-3 .icon-prev:before,
.btn-4 .icon-prev:before,
.btn-1 .icon-next:before,
.btn-2 .icon-next:before,
.btn-3 .icon-next:before,
.btn-4 .icon-next:before {
    border-color: #333;
    transition: all .3s ease-in-out 0s
}

.btn-1,
.btn-2,
.btn-3,
.btn-4 {
    height: 100%;
    width: 100%;
    cursor: pointer;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0
}

.btn-1 span,
.btn-2 span,
.btn-3 span,
.btn-4 span {
    width: 100%;
    height: 100%;
    padding: 15px 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.42857;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    text-align: center
}

.btn-1:hover,
.btn-2:hover,
.btn-3:hover,
.btn-4:hover {
    color: #616161;
    text-decoration: none;
    background-color: #CBE0EF;
}

.btn-1:hover:after,
.btn-2:hover:after,
.btn-3:hover:after,
.btn-4:hover:after {
    transform-origin: left top;
    transform: scale(1, 1);
    z-index: -1
}

.btn-1:hover span:before,
.btn-2:hover span:before,
.btn-3:hover span:before,
.btn-4:hover span:before {
    border-color: #FFF !important
}

.btn-1 .icon-prev:hover:before,
.btn-2 .icon-prev:hover:before,
.btn-3 .icon-prev:hover:before,
.btn-4 .icon-prev:hover:before {
    left: 5px
}

.btn-1 .icon-next:before,
.btn-2 .icon-next:before,
.btn-3 .icon-next:before,
.btn-4 .icon-next:before {
    left: auto
}

.btn-1 .icon-next:hover:before,
.btn-2 .icon-next:hover:before,
.btn-3 .icon-next:hover:before,
.btn-4 .icon-next:hover:before {
    right: 5px
}

.btn-1 {
    background: #FFF;
    color: #333
}

.btn-1 span:before {
    border-color: #333 !important
}

.btn-1:hover {
    color: #FFF
}

.btn-2 {
    background: #3f3f3f;
    border-color: #3f3f3f
}

.btn-3 {
    background: transparent;
    border: 1px solid #FFF
}

.btn-4 {
    background: #fff;
}
.btn-4.btn_contact {
    background: #D06161;
    color: #fff;
    padding: 0 15px;
}
.btn-4.btn_contact img{
    width: 20px;
    height: auto;
    margin-right: 10px;
}
.btn-4.btn_download{
    background: #edc047;
    color: #fff;
    padding: 0 15px;
}
.btn-4.btn_download img{
    width: 20px;
    height: auto;
    margin-right: 10px;
}

.btn-ss span {
    padding: 5px
}

.mediabox-l,
.mediabox-r {
    margin-bottom: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mediabox-l:last-child,
.mediabox-r:last-child {
    margin-bottom: 0
}

.mediabox {
    overflow: hidden
}

.mediabox-l {
    -ms-flex-direction: row;
    flex-direction: row
}

.mediabox-l .mediabox-img {
    margin-right: 20px
}

.mediabox-r {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mediabox-r .mediabox-img {
    margin-left: 20px
}

.mediabox-img {
    width: 60%;
    max-width: 550px;
    line-height: 0
}

.mediabox-img span {
    display: block;
    text-align: center;
    line-height: 1.7
}

.mediabox-tx {
    -ms-flex: 1;
    flex: 1
}

.mediabox .fltimg-r {
    width: 30%;
    line-height: 0;
    float: right;
    margin: 0 0 20px 20px
}

.box-1,
.box-2 {
    width: 100%;
    margin-bottom: 40px;
    padding: 30px;
    box-sizing: border-box
}

.box-1 {
    background: #FFF;
    border: 1px solid #333
}

.box-2 {
    text-align: center;
}

.box-head {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem
}

.tel-box {
    margin-bottom: 40px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.tel-box > li {
    width: 48%;
    border: 1px solid #FFF;
    border-radius: 2px
}

.tel-box > li a {
    padding: 12px 0 7px;
    display: block
}

.tel-box > li:nth-child(2n) {
    margin-left: 2%
}

.tel-box .head {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 12px;
    line-height: 1.2rem
}

.tel-box .num {
    font-size: 20px;
    font-size: 2rem;
    font-family: MyriadPro-Semibold, Alata, sans-serif
}

.tel-box .num span:before {
    margin-right: 5px;
    font-size: 12px;
    font-size: 1.2rem
}


.clm-1,
.clm-2,
.clm-3,
.clm-4 {
    width: 100%;
    width: calc(100% + (1.6129%*2));
    margin: 0 -.80645% 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.clm-1 > li,
.clm-2 > li,
.clm-3 > li,
.clm-4 > li {
    padding: 0 1.6129%;
    margin-bottom: 25px;
    position: relative
}

.clm-img {
    width: 100%;
    background-position: center;
    background-size: cover;
    display: block;
    line-height: 0;
    overflow: hidden
}

.clm-head {
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 20px;
    line-height: 2rem
}

.clm-tx {
    width: 100%
}

.clm-tx > p {
    margin-top: 10px;
    line-height: 1.6
}

.clm-1 {
    width: 100%;
    max-width: 450px;
    margin: auto
}

.clm-2 > li {
    width: 50%
}

.clm-3 {
    width: 99.999%;
    width: calc(99.999% + (1.6129%*2))
}

.clm-3 > li {
    width: 33.333%
}

.clm-4 > li {
    width: 25%
}

.clm-half > li {
    margin-bottom: 40px;
    overflow: hidden;
    position: relative
}

.clm-half > li:last-of-type {
    margin-bottom: 0
}

.clm-half > li .clm-img {
    width: 40%;
    float: left
}

.clm-half > li .clm-tx {
    width: 48%;
    float: right
}

.clm-half > li .half-cat {
    margin: 0 0 10px;
    color: #4881a3;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400
}

.clm-half > li .half-head {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4.5rem;
    letter-spacing: -1px;
}

.clm-half > li .half-head span {
    margin-bottom: 5px;
    display: block;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4
}

.clm-half > li .half-head span.blue_tx {
    display: inline;
    color: #616161;
    font-size: 3rem;
    margin: 0 10px;
    letter-spacing: 0px;
}

.blue_tx {
    color: #616161;
    font-size: 3rem;
    margin: 0 10px;
}
span.blue_tx {
    display: inline-block;
    color: #616161;
    font-size: 3rem;
    margin: 0 10px 20px;
}

.clm-half > li .half-other {
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.42857
}

.clm-half > li .half-lead {
    width: 48%;
    float: right
}

.clm-half > li .half-more {
    width: 25px;
    height: 25px;
    background: #000;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    line-height: 1;
    position: absolute;
    right: 10px;
    bottom: 10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.clm-half > li .half-more:before {
    border-color: #FFF;
    right: 11px
}

.clm-half > li.clm-h {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.clm-half > li.clm-h:hover .half-more {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.notice{
    font-size: 1.2rem;
    color: #888;
}

.tbl-1,
.tbl-2,
.tbl-3 {
    width: 100%;
    border-collapse: collapse
}

.tbl-1 th,
.tbl-2 th,
.tbl-3 th,
.tbl-1 td,
.tbl-2 td,
.tbl-3 td {
    padding: 15px 10px 12px;
    border-bottom: 1px solid #a7a7a7;
    line-height: 1.4;
    text-align: left
}

.tbl-1 th,
.tbl-2 th,
.tbl-3 th {
    font-weight: 700
}

.tbl-1 thead th,
.tbl-2 thead th,
.tbl-3 thead th {
    text-align: center
}

.tbl-1 thead th {
    background: #87b1ca
}

.tbl-2 th,
.tbl-2 td {
    border-color: #a7a7a7
}

.tbl-3 {
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    background: rgba(255, 255, 255, .8);
    color: #333
}

.tbl-3 a {
    color: #333
}

.tbl-3 th,
.tbl-3 td {
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD
}

.tbl-3 thead th {
    background: #674f9d;
    color: #FFF
}

.list-ind,
.list-ind-s,
.list-num {
    margin-bottom: 20px
}

.list-ind > li,
.list-ind-s > li,
.list-num > li {
    padding-left: 15px;
    position: relative
}

.list-ind > li:before,
.list-ind-s > li:before {
    width: 15px;
    content: '・';
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0
}

.list-ind-s > li {
    font-size: 11px;
    font-size: 1.1rem
}

.list-num {
    list-style-type: decimal;
    margin-left: 1em
}

.list-num > li {
    padding-left: 0
}

.tab-group {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.tab-group > li {
    margin: 0 5px;
    padding: 5px 20px;
    background: #3f3f3f;
    cursor: pointer;
    text-align: center;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    transition: all .3s ease-in-out 0s
}

.tab-group > li a {
    text-decoration: none
}

.tab-group > li.is-active {
    background: #000
}

.tab-group > li:hover {
    background: #000
}

.anchr {
    margin: 0;
    padding: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    visibility: hidden !important;
    margin-top: -80px;
    padding-top: 80px
}

#pagetop-btn {
    width: 60px;
    height: 60px;
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100
}

#pagetop-btn a {
    width: 100%;
    height: 100%;
    background: #4881a3;
    display: block;
    transform: translate(0, 100px);
    transition: all .3s ease-in-out 0s
}

#pagetop-btn a:before {
    border-color: #FFF;
    right: 0
}

#pagetop-btn a:hover {
    background: #3f3f3f
}

#pagetop-btn.active a {
    transform: translate(0, 0)
}

#modal-overlay {
    width: 100%;
    height: 130%;
    background: rgba(0, 0, 0, .75);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 400;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.modal-area {
    width: 100%;
    max-width: 1000px;
    padding: 0 40px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 401;
    display: none
}

.modal-contents {
    padding: 50px;
    max-height: 80vh;
    overflow-y: scroll;
    background: #FFF;
    color: #000;
    border-radius: 3px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: 1s
}

.modal-contents .img {
    line-height: 0
}

.modal-open {
    cursor: pointer
}

.modal-close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: -40px;
    z-index: 0
}

.modal-close:before,
.modal-close:after {
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    background: #FFF;
    position: absolute;
    top: 14px;
    left: 0
}

.modal-close:before {
    transform: rotate(45deg)
}

.modal-close:after {
    transform: rotate(-45deg)
}

.modal-privacy dl dt {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem
}

.modal-privacy dl dd {
    margin-bottom: 40px
}

.modal-privacy dl dd:last-child {
    margin: 0
}

.swiper-main {
    position: relative
}

.swiper-container {
    margin: 0 auto;
    padding: 0 0 30px;
    overflow: hidden;
    list-style: none;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    line-height: 0
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev,
.swiper-button-next {
    padding: 17px 13px;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 74px;
    margin-top: -42px;
    z-index: 10;
    outline: none;
    cursor: pointer
}

.swiper-button-prev span,
.swiper-button-next span {
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
    left: -25px;
    right: auto
}

.swiper-button-prev span,
.swiper-container-rtl .swiper-button-next span {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0;
    right: -25px;
    left: auto
}

.swiper-button-next span,
.swiper-container-rtl .swiper-button-prev span {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

#swiper-1 .swiper-slide {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    transition: all .3s ease-in-out 0s
}

#swiper-1 .swiper-slide.swiper-slide-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.form-field .input-text,
.form-field .input-textarea,
.form-field .input-select select,
.form-field .input-btn {
    width: 100%;
    margin-top: 10px;
    padding: 15px;
    padding: 1.5rem;
    outline: none;
    background: #fff;
    border: 1px solid #a7a7a7;
    display: block;
    transition: all .3s ease-in-out 0s
}

.form-field .input-text::-webkit-input-placeholder,
.form-field .input-textarea::-webkit-input-placeholder,
.form-field .input-select select::-webkit-input-placeholder,
.form-field .input-btn::-webkit-input-placeholder {
    color: #DDD
}

.form-field .input-text::-moz-placeholder,
.form-field .input-textarea::-moz-placeholder,
.form-field .input-select select::-moz-placeholder,
.form-field .input-btn::-moz-placeholder {
    color: #DDD;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.form-field .input-text:-ms-input-placeholder,
.form-field .input-textarea:-ms-input-placeholder,
.form-field .input-select select:-ms-input-placeholder,
.form-field .input-btn:-ms-input-placeholder {
    color: #DDD
}

.form-field .input-text:focus,
.form-field .input-textarea:focus,
.form-field .input-select select:focus,
.form-field .input-btn:focus {
    border-color: #4881a3
}

.form-field .input-text:focus::-webkit-input-placeholder,
.form-field .input-textarea:focus::-webkit-input-placeholder,
.form-field .input-select select:focus::-webkit-input-placeholder,
.form-field .input-btn:focus::-webkit-input-placeholder {
    color: transparent
}

.form-field .input-text:focus::-moz-placeholder,
.form-field .input-textarea:focus::-moz-placeholder,
.form-field .input-select select:focus::-moz-placeholder,
.form-field .input-btn:focus::-moz-placeholder {
    color: transparent;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.form-field .input-text:focus:-ms-input-placeholder,
.form-field .input-textarea:focus:-ms-input-placeholder,
.form-field .input-select select:focus:-ms-input-placeholder,
.form-field .input-btn:focus:-ms-input-placeholder {
    color: transparent
}

.form-field .input-radio-1,
.form-field .input-radio-2,
.form-field .input-check {
    margin-top: 10px;
    display: block;
}

.form-field .input-radio-1 > li,
.form-field .input-radio-2 > li,
.form-field .input-check > li {
    padding: 5px 0;
    margin-bottom: 3px;
    line-height: 1.4;
    margin-right: 30px;
}

.form-field .input-radio-1 > li span,
.form-field .input-radio-2 > li span,
.form-field .input-check > li span {
    padding: 0 0 0 30px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all .3s ease-in-out 0s
}

.form-field .input-radio-1 > li span:before,
.form-field .input-radio-2 > li span:before,
.form-field .input-check > li span:before,
.form-field .input-radio-1 > li span:after,
.form-field .input-radio-2 > li span:after,
.form-field .input-check > li span:after {
    transition: all .3s ease-in-out 0s
}

.form-field .input-radio-1 > li label,
.form-field .input-radio-2 > li label,
.form-field .input-check > li label {
    cursor: pointer
}

.form-field .input-check > li label,
.form-agree .input-check label {
    cursor: pointer
}

.form-field .input-check > li span,
.form-agree .input-check span {
    padding: 0 0 0 30px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all .3s ease-in-out 0s
}

.form-field .input-check > li span:before,
.form-agree .input-check span:before,
.form-field .input-check > li span:after,
.form-agree .input-check span:after {
    transition: all .3s ease-in-out 0s
}

.form-field .input-check > li span:after,
.form-agree .input-check span:after {
    width: 1.5em;
    height: 1.5em;
    content: '';
    display: block;
    background: #FFF;
    border: 2px solid #a7a7a7;
    transform: translate(0, -50%);
    left: 0;
    pointer-events: none
}


.form-field .input-check > li span:hover:after,
.form-agree .input-check span:hover:after {
    background: #4881a3;
    border: 2px solid #4881a3
}

.form-field .input-check > li input:checked + span:before,
.form-agree .input-check input:checked + span:before {
    content: '';
    margin-top: -3px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: translate(0, -50%) rotate(45deg);
    transform-origin: 0 100%;
    position: absolute;
    top: 50%;
    left: 5px;
    z-index: 10;
    animation: checkbox-check 250ms 50ms ease-in-out forwards;
    animation-fill-mode: both
}

.form-field .input-check > li input:checked + span:after,
.form-agree .input-check input:checked + span:after {
    background: #4881a3;
    border: 2px solid #4881a3
}

.form-area {
    width: 100%;
    max-width: 800px;
    margin: auto
}
.form-area p{
    margin-bottom: 30px;
}

.form-field {
    margin-bottom: 30px;
    position: relative
}

.form-field > label {
    display: inline-block;
    line-height: 1;
    font-weight: 700
}

.form-field .input-textarea {
    height: 200px
}

.form-field .input-radio-1 {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-field .input-radio-1 > li {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #FFF;
    border: 1px solid #a7a7a7
}

.form-field .input-radio-1 > li span {
    width: 100%;
    padding: 10px 0;
    cursor: pointer;
    color: #a7a7a7;
    display: block;
    text-align: center
}

.form-field .input-radio-1 > li:hover span {
    background: #4881a3;
    color: #FFF
}

.form-field .input-radio-1 > li input:checked + span {
    background: #4881a3;
    color: #FFF
}

.form-field .input-radio-1 > li input:checked + span:before {
    content: '';
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: translate(0, -50%) rotate(45deg);
    transform-origin: 0 100%;
    position: absolute;
    top: 45%;
    left: 10px;
    z-index: 10;
    animation: checkbox-check 250ms 50ms ease-in-out forwards;
    animation-fill-mode: both
}

.form-field .input-radio-2 > li span:before,
.form-field .input-radio-2 > li span:after {
    content: '';
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    transition-property: transform, border-color
}

.form-field .input-radio-2 > li span:before {
    width: 20px;
    height: 20px;
    border: 2px solid #a7a7a7;
    left: 0;
    transform: translate(0, -50%)
}

.form-field .input-radio-2 > li span:after {
    width: 16px;
    height: 16px;
    background: #4881a3;
    transform: translate(0, -50%) scale(0);
    left: 4px
}

.form-field .input-radio-2 > li span:hover:after {
    transform: translate(0, -50%) scale(.5)
}

.form-field .input-radio-2 > li input:checked + span:before {
    border-color: #4881a3
}

.form-field .input-radio-2 > li input:checked + span:after {
    left: 4px;
    transform: translate(0, -50%);
    transform: translate(0, -50%) scale(1)
}

.form-field .input-select {
    margin-top: 10px;
    position: relative
}

.form-field .input-select:before {
    width: 5px;
    height: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    content: '';
    display: block;
    pointer-events: none;
    transform: translate(0, -50%) rotate(135deg);
    position: absolute;
    top: 50%;
    right: 20px
}

.form-field .input-select select {
    width: 100%;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-field .input-select select option {
    background: #fff;
    color: #333
}

.form-field .input-select select::-ms-expand {
    display: none
}

.form-field .input-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #828c9a
}

.form-field .input-btn {
    cursor: pointer;
    background: #fff;
    border-color: #fff;
    color: #333;
    font-size: 1.8rem;
    border-radius: 30px;
	margin-top: 50px !important;
}

.form-field .input-btn:hover {
    background: #616161;
    color: #fff
}

.form-field .input-btn.disabled {
    background: #a7a7a7;
    border-color: #a7a7a7;
    color: #333;
    pointer-events: none
}

.form-field .input-btn.disabled:hover {
    background: #a7a7a7;
    border-color: #a7a7a7;
    color: #333;
    cursor: default
}

.form-field .input-error {
    border-color: #db584b
}

.form-field .item-note {
    display: block;
    font-size: 10px;
    font-size: 1rem
}

.form-field .item-error {
    margin-top: 5px;
    display: block;
    color: #db584b;
    font-size: 12px;
    font-size: 1.2rem
}

.form-field .item-error:before {
    margin-right: 2px;
    content: '*';
    vertical-align: middle
}

.item-req {
    margin: 0 0 0 5px;
    color: #C70F0F;
    font-size: 10px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
}

.form-agree {
    text-align: center
}

.form-agree .input-check {
    margin: 20px 0
}

.l-container .container-bg.top {
    background-image: url(assets/img/top_bg.jpg)
}

.date {
    font-family: MyriadPro-Semibold, Alata, sans-serif
}

.top-head {
    margin-bottom: 60px;
    display: -ms-flexbox;
    display: block;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

.top-head h2 {
    margin-bottom: 0
}
.top-head h2.head-sub{
    margin-bottom: 30px;
}

.top-head .head-btn {
    width: 120px;
    height: 40px;
    margin: 0
}

.top-head .head-btn a span {
    padding: 0;
    font-weight: 700;
    /*font-family: MyriadPro-Semibold, Alata, sans-serif*/
}

.top-swiper {
    margin-bottom: 40px;
    display: -ms-flexbox;
    display: flex
}

.top-swiper .swiper-wrapper {
    display: -ms-flexbox;
    display: flex
}

.top-swiper .swiper-container {
    padding-bottom: 0;
    display: -ms-flexbox;
    display: flex
}

.top-swiper .swiper-container .swiper-slide {
    background: #3f3f3f;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.top-swiper .swiper-container .swiper-slide:hover {
    background: #FFF
}

.top-swiper .swiper-container .swiper-slide .slide-copy h3,
.top-swiper .swiper-container .swiper-slide .slide-copy p {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all .3s ease-in-out 0s
}

.top-swiper .swiper-container .swiper-slide .slide-copy .data {
    margin-bottom: 5px;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    font-size: 13px;
    font-size: 1.3rem
}

.top-swiper .swiper-container .swiper-slide.swiper-slide-active .slide-copy h3,
.top-swiper .swiper-container .swiper-slide.swiper-slide-active .slide-copy p {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.top-swiper .slide-img {
    border: 1px solid #a7a7a7;
    line-height: 0
}

.top-swiper .slide-copy {
    width: 100%;
    padding: 20px;
    background: #3f3f3f;
    line-height: 1.71429
}

.top-swiper .slide-copy h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.28571
}

.top-news ul {
    margin-bottom: 0
}

.top-news ul > li {
    margin-bottom: 0
}

.top-news ul > li .clm-img {
    margin-bottom: 10px
}

.top-news ul > li .data {
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1.2rem
}

.l-container .container-bg.shops {
    background-image: url(/assets/img/shops_bg.jpg)
}

.shops-list > li {
    margin-bottom: 50px
}

.shops-list > li:last-child {
    margin-bottom: 0
}

.shops-list .shop-h {
    position: relative
}

.shops-list .shop-h:hover .shop-head {
    background: #3f3f3f;
    color: #FFF
}

.shops-list .shop-h:hover .shop-head a {
    color: #FFF !important
}

.shops-list .shop-box {
    margin-bottom: 20px;
    position: relative
}

.shops-list .shop-box .shop-img {
    width: 70%;
    line-height: 0
}

.shops-list .shop-box .shop-head {
    right: 0;
    transform: translate(0, -50%);
    width: 43%;
    padding: 20px;
    background: rgba(255, 255, 255, .9);
    color: #333;
    transition: all .3s ease-in-out 0s
}

.shops-list .shop-box .shop-head p {
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4
}

.shops-list .shop-box .shop-head p span {
    margin-right: 5px;
    display: inline-block;
    font-weight: 700
}

.shops-list .shop-box .shop-head p:last-child {
    margin-bottom: 0
}

.shops-list .shop-box .shop-head .cat {
    font-size: .67vw
}

.shops-list .shop-box .shop-head .name {
    margin-bottom: 10px;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    font-size: 1.56vw;
    font-weight: 700;
    line-height: 1.1
}

.shops-list .shop-box .shop-head .name:after {
    margin-top: 5px;
    content: attr(data-text);
    display: block;
    font-weight: 400;
    font-size: .83vw
}

.shops-list .shop-box .shop-head .tel {
    font-family: MyriadPro-Semibold, Alata, sans-serif
}

.shops-list .shop-box .shop-head .time {
    font-family: MyriadPro-Semibold, Alata, sans-serif
}

.shops-list .shop-box .shop-head .link {
    font-family: MyriadPro-Semibold, Alata, sans-serif
}

.shops-list .shop-box .shop-head .link a {
    color: #333
}

.shops-list .shop-lead {
    margin-bottom: 20px
}

.shops-list .shop-copy {
    width: 100%
}

.l-container .container-bg.hotel {
    background-image: url(/assets/img/hotel_bg.jpg)
}

.hotel-style {
    margin-bottom: 40px;
    -ms-flex-align: start;
    align-items: flex-start
}

.hotel-style .mediabox-img {
    width: 40%;
    max-width: 480px
}

.l-container .container-bg.cocolounge {
    background-image: url(/assets/img/cocolounge_bg.jpg)
}

.cocolounge-half .cocolounge-box {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.cocolounge-half .cocolounge-box:nth-of-type(2n) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cocolounge-half .cocolounge-box .lounge-img {
    width: 48%;
    line-height: 0
}

.cocolounge-half .cocolounge-box .lounge-copy {
    width: 48%
}

.cocolounge-half .cocolounge-box .lounge-copy h4 {
    margin-bottom: 10px;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    line-height: 24px;
    line-height: 2.4rem
}

.cocolounge-half .cocolounge-box .lounge-copy h4:after {
    margin-top: 5px;
    content: attr(data-text);
    font-size: 14px;
    font-size: 1.4rem;
    display: block
}

.l-container .container-bg.forum {
    background-image: url(/assets/img/forum_bg.jpg)
}

.forum-tbl {
    font-family: MyriadPro-Semibold, Alata, sans-serif
}

.forum-tbl .forum-btn {
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    font-size: 1.2rem
}

.l-container .container-bg.map {
    background-image: url(/assets/img/map_bg.jpg)
}

.floormap-tab .tab-group {
    margin-bottom: 20px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.floormap-tab .tab-group > li {
    width: 49%
}

.floormap-tab .panel-group {
    margin-bottom: 20px;
    position: relative
}

.floormap-tab .panel-group:before {
    padding-top: 85%;
    content: '';
    display: block
}

.floormap-tab .panel-group .panel {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    transition: all .3s ease-in-out 0s;
    position: absolute;
    left: 0;
    top: 0
}

.floormap-tab .panel-group .panel.is-show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible
}

.floormap-tab .panel-group .panel .img {
    margin-bottom: 20px;
    line-height: 0
}

.floormap-tab .panel-group .panel .head-info > li .sub {
    background: #8c7f70;
    color: #FFF
}

.map-guide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

.map-guide .guide-img {
    width: 35%;
    line-height: 0
}

.map-guide .guide-copy {
    width: 63%;
    font-size: 12px;
    font-size: 1.2rem
}

.map-guide .guide-copy table {
    margin-bottom: 10px
}

.map-guide .guide-copy table th,
.map-guide .guide-copy table td {
    padding: 10px 10px 7px
}

.l-container .container-bg.access {
    background-image: url(/assets/img/access_bg.jpg)
}

.gmap-area {
    margin-bottom: 10px;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden
}

.gmap-area iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.access-anc {
    margin-bottom: 0
}

.access-anc > li {
    margin-bottom: 10px;
    text-align: center
}

.access-anc > li a span {
    padding: 12px 0 10px
}

.access-line > li {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #a7a7a7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.access-line > li .station {
    width: 48%;
    font-size: 18px;
    font-size: 1.8rem
}

.access-line > li .station span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem
}

.access-line > li .exit {
    width: 48%
}

.l-container .container-bg.area {
    background-image: url(/assets/img/area_bg.jpg)
}

.forum-tbl tbody td {
    text-align: center
}

.area-company {
    margin: 10px 0 0
}

.area-company > li {
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 12px;
    font-size: 1.2rem
}

.area-company > li span:before {
    margin-right: 10px
}

.area-note {
    margin-bottom: 20px;
    text-align: right;
    font-size: 12px;
    font-size: 1.2rem
}

.l-container .container-bg .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all .3s ease-in-out 0s
}

.l-container .container-bg .bg.view {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.l-container .container-bg #about-1 {
    background-image: url(/assets/img/about_bg_1.jpg)
}

.l-container .container-bg #about-2 {
    background-image: url(/assets/img/about_bg_2.jpg)
}

.l-container .container-bg #about-2.view {
    animation: about-2 10s ease-out both;
    animation-fill-mode: both
}

.l-container .container-bg #about-3 {
    background-image: url(/assets/img/about_bg_3.jpg)
}

.l-container .container-bg #about-3.view {
    animation: about-1 10s ease-out both;
    animation-fill-mode: both
}

.l-container .container-bg #about-4 {
    background-image: url(/assets/img/about_bg_4.jpg)
}

.l-container .container-bg #about-4.view {
    animation: about-2 10s ease-out both;
    animation-fill-mode: both
}

.l-container .container-bg #about-5 {
    background-image: url(/assets/img/about_bg_5.jpg)
}

.l-container .container-bg #about-5.view {
    animation: about-1 10s ease-out both;
    animation-fill-mode: both
}

em.sc-about p {
    margin-bottom: 20px;
    line-height: 2.14286
}

.about-img {
    margin-bottom: 0;
    text-align: center
}

.about-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;

}

.about-box .box-img {
    width: 30%;
    line-height: 0
}

.about-box .box-img .caption {
    margin-top: 5px;
    display: block;
    line-height: 1;
    font-family: MyriadPro-Semibold, Alata, sans-serif;
    font-size: 10px;
    font-size: 1rem;
    text-align: right
}

.about-box .box-copy {
    width: 68%
}
.about-box .box-copy .comment_ttl{
    font-size: 1.8rem;
    margin-bottom: 10px;
}


.about-tbl table tr:last-child td,
.about-tbl table tr:last-child th {
    border-bottom: none
}

.l-container .container-bg.pressroom {
    background-image: url(/assets/img/pressroom_bg.jpg)
}

.news-line {
    border-top: 1px solid #DDD
}

.news-line > li {
    width: 100%;
    border-bottom: 1px solid #DDD
}

.news-line > li .date {
    width: 100px
}

.news-line > li .head {
    width: calc(100% - 110px);
    font-family: Segoe UI, Helvetica Neue, Helvetica, Noto Sans JP, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Hiragino Sans, "游ゴシック Mediu", YuGothic, YuGothicM, "‘メイリオ’", meiryo, sans-serif
}

.news-line > li .nolink {
    width: 100%;
    padding: 15px 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news-line > li a {
    width: 100%;
    padding: 15px 10px;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.news-line > li a:before {
    border-color: #FFF
}

.news-line > li a:after {
    background: #000;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s
}

.news-line > li a:hover {
    background: #000;
    text-decoration: none
}

.news-line > li a:hover:after {
    transform-origin: left top;
    transform: scale(1, 1);
    z-index: -1
}

#__bs_notify__ {
    display: none !important
}
/*-----------------------------------------
   MV
-----------------------------------------*/
#mv{
    background-image: url(/destinationoffice_form/assets/img/mv.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 250px 0;
    
}
.mv-head{
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 630px;
}
.mv-head .mv_copy_l{
    color: #fff;
    padding-right: 20px;
    border-right: 1px solid #fff;
    text-align: left;
}
.mv-head .mv_copy_l .mv_sub{
    font-size: 2rem;
    letter-spacing: 7px;
}
.mv-head .mv_copy_l .mv_copy{
    font-size: 4rem;
    letter-spacing: 5px;
}
.mv-head .mv_copy_r{
    margin-left: 20px;
}

/*-----------------------------------------
   concept
-----------------------------------------*/
#concept .clm-half > li .clm-tx{
    text-align: center;
    width: 60%;
}


/*-----------------------------------------
   technology
-----------------------------------------*/
#technology{
    background-image: url(/destinationoffice_form/assets/img/tech_bg.jpg);
    background-position: right;
    background-size: cover;
}

#technology .top-head{
    text-align: left;
}

#technology .clm-half > li .half-head span{
    display: inline;
    font-size: 4rem;
    color: #616161;
    letter-spacing: -1px;
}
#technology .head-1:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #616161;
    bottom: -15px;
    width: 130px;
    left: 5%;
}
#technology .clm-half > li .clm-img{
    width: 100%;
}
#technology .clm-half > li .clm-tx{
    width: 40%;
}
#technology .tech_scroll{
    width: 60%;
}
#technology .em_tx{
    font-size: 1.8rem;
}
/*-----------------------------------------
   process
-----------------------------------------*/
#process .top_text{
    text-align: center;
}
#process .top_text .txt_em{
    font-size: 2rem;
}
#process .process_wrap{
    background-color: #D4EAF8;
    /*border-bottom-right-radius: 20px;*/
    padding: 70px 5% 30px;
}
#process .process_wrap .figure_img{
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
#process .process_wrap .steps{
    background-color: #fff;
    padding: 10px 5%;
    margin-top: 20px;
}
#process .process_wrap .process_box{
    display: -ms-flexbox;
    display: flex;
    margin: 30px auto;
}
#process .process_wrap .process_box .process_icon{
    margin-right: 10px;
}
#process .process_wrap .process_box 
.process_txbox{
    width: 90%;
}
#process .process_wrap .process_box 
.process_tx{
    margin-left: 10px;
}
#process .head-2{
    color: #376091;
    position: relative;
    font-size: 4rem;
    letter-spacing: 3px;
    line-height: 4rem;
    font-weight: 700;
    
}
#process .head-2 head-sub{
    color: #376091;
}

#process .head-2:before{
    content: '';
    border: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(/destinationoffice_form/assets/img/process_ttl_deco.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 28%;
    margin: 0;
}
#process .head-2:after{
    content: '';
    border: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(/destinationoffice_form/assets/img/process_ttl_deco.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right:28%;
    margin: 0;
}

#process .notice{
    margin:10px auto 70px;
}

#process .process_movie{
    width: 100%;
    background-color:  #000;
}
#process .process_movie video{
    width: 100%;
}
/* #process .process_movie{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
    max-width: 1360px;
}
#process .process_movie iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
} */
#process .process_color1{
    color: #76b0cd;
}
#process .process_color2{
    color: #5e98ca;
}
/*-----------------------------------------
   scene
-----------------------------------------*/
#scene {
    background-color: #AFC5D4;
}

#scene .tx_box .head-1:after{
    display: none;
}
.scene_clm .clm-line{
    background-image: url(../img/scene_bg.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 80% 100%;
    padding: 30px auto
    margin: 50px auto;
}

.scene_clm .clm-line .line_inr{
    display: -ms-flexbox;
    display: flex;
    padding:  40px 5% 30px;
    max-width: 1000px;
    margin: 0 auto 80px;
}
.scene_clm .clm-line .line_inr_last{
    display: -ms-flexbox;
    display: flex;
    padding:  40px 5% 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.scene_clm .clm-line .line_inr .tx_box,
.scene_clm .clm-line .line_inr_last .tx_box{
    width:  50%;
}
.scene_clm .clm-line .clm-img{
    width: 40%;
    margin: -70px auto 0;
}


#scene .half-head {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 22px;
    line-height: 3rem
}
#scene .award{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 5% 50px;
}
#scene .award .h-img{
    width: 50%;
}

/*-----------------------------------------
   case
-----------------------------------------*/
#case .logo_box{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 70px;
}

#case .logo_box .case_item{
    width: 20%;
    margin: 5px 1%;
}
#case .clm-tx > p.name  span{
    font-size: 1.8rem;
    font-weight: 700;
}

#case .half-head{
    margin:100px auto 30px;
    font-size: 18px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 22px;
    line-height: 3rem;
    text-align: center;
}
#case .case_box{
    margin-bottom: 70px;
}
#case .bg_txbox{
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 auto 50px;
    width: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
}
#case .bg_item{
    display: block;
    width: 33%;
    margin: 0 auto;
}
#case .bg_txbox p{
    display:block;
    text-align: center;
}
#case .bg_txbox .bg_tx{
    color: #616161;
    font-size: 8rem;
    display:block;
    margin: -20px auto;
}

#case .people{
    font-size: 1.8rem;
    font-weight: 700;
}

#case .people .position{
    font-size: 1.5rem;
}
#case .people .name{
    font-size: 1.5rem;
    font-weight: 400;
}
#case .caption{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}
#case .caption img{
   border: 1px solid #888;
    margin-left: -15px;
    margin-top: -45px;
    margin-right: 20px;
    padding: 3px;
    width: 70px;
    background-color: #fff;
}
#case .caption p{
    font-size: 1.2rem;
}
/*-----------------------------------------
contact
-----------------------------------------*/
#contact{
    background-image: url(/destinationoffice_form/assets/img/contact_bg.jpg);
    background-position: left;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 140px auto 200px !important;
}
#contact .border_clm1{
    float: left;
    width: 50%;
}
#contact .border_clm1{
    width: 50%;
}
#contact .border_clm_item{
    border: 1px solid #fff;
    width: 100%;
}
#contact .border_clm_item .border_ttl{
    font-size: 2rem;
    margin-top: 20px;
}
#contact .border_clm_item .half-head{
    font-size: 1.7rem;
    margin-bottom: 10px;
}
#contact .border_clm_item .tel{
    margin-bottom: 20px;
}
#contact .notice{
    color: #fff;
    margin-bottom: 20px;
}

.br-btn{
    width: 60%;
    margin: 0 auto;
}
.br-btn a{
    border-radius: 30px;
    padding: 10px auto;
    font-size: 2rem;
    margin: 30px auto 50px;
}

.br-btn a:hover{
    color: #616161;
}
.form .br-btn_wrap{
    width: 60%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 30px;
   padding: 10px;
}
.form .br-btn{
    font-size: 2rem;
    background-color: #fff;
}



/*-----------------------------------------
form/confirm/thnaks
-----------------------------------------*/
.form-head{
    text-align: center;
}

.form-flow {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
}
.form-flow li{
    width: 100px;
    padding: 20px 0;
    text-align: center;
    position: relative;
    font-size: 1.8rem;
    color: #888;
}
.form-flow li:before{
    content: "ー";
    color: #888;
    margin-right: 20px;
    margin-left: -30px;
}
.form-flow li:first-of-type:before{
    display: none;
}
.form-flow li.active{
    width: 100px;
    padding: 20px 0 10px;
    position: relative;
    font-size: 1.8rem;
    color: #333;
}

.form-flow li.active:after{
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #616161;
    bottom: 10px;
    width: 40px;
    left: 30px;
}
.form_clm2{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.form_clm2 li{
    width: 48%;
    
}

.form .checkbox_wrap{
    margin: 0 auto;
    width: 220px;
    text-align: center;
}
.form input[type="checkbox"] { display: none; }

.form input[type="checkbox"] + label {
    display: block;
    position: relative;
    margin-bottom: 20px;
    color: #333;
    font-weight: 700;
    font-size: 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.form input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 3px solid #616161;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.form input[type="checkbox"]:checked + label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form .field-head{
    font-weight: 700;
}

    .select {
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
        width: 48%;
    }
    .select select {
        display: inline-block;
        width:100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 0;
        border-radius: 0;
        background: #fff;
        color: #333;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .select select::-ms-expand {
        display: none;
    }
    .select select:hover,
        .select select:focus {
            color: #000;
            background: #ccc;
    }
    .select select:disabled {
        opacity: 0.5;
        pointer-events: none;
    }
    .select__arrow {
        position: absolute;
        top: 16px;
        right: 15px;
        width: 0;
        height: 0;
        pointer-events: none;
        border-style: solid;
        border-width: 8px 5px 0 5px;
        border-color: #7b7b7b transparent transparent transparent;
    }
    .select select:hover ~ .select__arrow,
        .select select:focus ~ .select__arrow {
            border-top-color: #000;
    }
    .select select:disabled ~ .select__arrow {
        border-top-color: #ccc;
    }



@media(max-width:1000px) {
    body {
        font-size: 1.6rem;
        line-height: 1.71429
    }

    .header {
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 301
    }

    .header-logo {
        width: 77px;
        height: 50px;
        padding: 5px
    }

    .header-main {
        width: 100%
    }

    .sub-header {
        display: none
    }

    .footer {
        padding: 30px 0
    }

    .footer > div {
        display: block
    }

    .footer > div .footer-list {
        width: 100%;
        margin-bottom: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer > div .footer-list > li {
        margin: 0 10px 10px
    }

    .footer > div .footer-info {
        width: 100%
    }

    .footer > div .footer-info .footer-logo {
        width: 80%;
        margin: auto
    }

    .footer > div .footer-info h3 {
        display: none
    }

    .footer > div .footer-info address {
        margin-bottom: 10px;
        text-align: center
    }

    .footer .copy {
        padding: 10px 0 0
    }

    .gnav {
        width: 100%
    }

    .gnav-main {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .gnav-main > li {
        width: 100%;
        border-bottom: 1px solid #333;
        height: 55px;
        text-align: left
    }

    .gnav-main > li a {
        padding: 0 20px;
        background: transparent
    }

    .gnav-main > li a:before {
        display: block
    }

    .gnav-main > li a span {
        width: 100%;
        padding: 0
        padding: 0
    }

    .gnav-main > li a span img {
        width: 25px;
        margin-right: 22px
    }

    .gnav-main > li a span:before {
        border-color: #FFF;
        display: block
    }

    .gnav-main > li a span:after {
        height: 1px;
        right: 0
    }

    .gnav-sub {
        padding: 0 10px;
        margin-top: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gnav-sub > li {
        width: 49%;
        margin-bottom: 5px
    }

    .gnav-sub > li.wfull {
        width: 100%
    }

    .gnav-sub > li a {
        font-size: 1.2rem
    }

    .gnav-sub > li a span {
        padding: 13px 10px
    }

    .sub-sns {
        -ms-flex-pack: center;
        justify-content: center
    }

    .sub-sns > li {
        width: 30px;
        height: 30px;
        margin: 0 10px;
        border-radius: 20px;
        overflow: hidden;
        position: relative
    }

    .sub-sns > li a {
        width: 100%;
        height: 100%;
        background: #FFF;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sub-sns > li a:before {
        font-size: 1.8rem;
        color: #333
    }

    .hamb-btn {
        width: 55px;
        height: 55px;
        cursor: pointer;
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 303;
        background-color: #fff;
    }

    .hamb-btn .btn-inr {
        height: 100%;
        padding: 20px 14px
    }

    .hamb-btn .btn-tx {
        width: 100%;
        font-family: MyriadPro-Semibold, Alata, sans-serif;
        font-size: .9rem;
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 4px
    }

    .hamb-btn .btn-bar,
    .hamb-btn .btn-bar:before,
    .hamb-btn .btn-bar:after {
        width: 100%;
        height: 2px;
        margin: auto;
        background: #616161;
        border-radius: 5px;
        display: block;
        position: relative;
        transition: all .3s ease-in-out 0s
    }

    .hamb-btn .btn-bar:before,
    .hamb-btn .btn-bar:after {
        content: '';
        background: #616161 !important;
        position: absolute
    }

    .hamb-btn .btn-bar:before {
        width: 70%;
        bottom: 8px;
        animation: menu-bar-1 .75s forwards;
        animation-fill-mode: both
    }

    .hamb-btn .btn-bar:after {
        top: 8px;
        animation: menu-bar-2 .75s forwards;
        animation-fill-mode: both
    }

    .hamb-menu {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .9);
        pointer-events: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 302;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transition: all .3s ease-in-out 0s;
        transform: translate(0, 0) scale(.5)
    }

    .g-active .hamb-menu {
        pointer-events: all;
        transform: translate(0, 0) scale(1);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    .g-active .hamb-btn .btn-bar,
    .g-active .hamb-btn .btn-bar:before,
    .g-active .hamb-btn .btn-bar:after {
        background: transparent
    }

    .g-active .hamb-btn .btn-bar:before {
        width: 100%;
        bottom: 11px;
        animation: active-menu-bar-1 .75s forwards;
        animation-fill-mode: both
    }

    .g-active .hamb-btn .btn-bar:after {
        animation: active-menu-bar-2 .75s forwards;
        animation-fill-mode: both;
        top: 9px
    }

    .l-container {
        position: relative;
        width: 100%;
        padding: 0
    }

    .l-container:before {
        width: 100%;
        background-size: cover;
        left: 0
    }

    .l-container .container-bg {
        position: fixed;
        left: 0;
        top: 0
    }

    .l-container .container-mv {
        display: block;
        line-height: 0;
        position: relative;
        z-index: 3
    }

    .l-container .container-mv img {
        width: 100%
    }

    .l-container .container-head {
        display: none
    }

    .l-contents {
        width: 100%;
        padding: 0;
        left: 0;
        position: relative
    }

    .l-contents section {
        padding: 30px 0;
        
    }

    .sc-inr,
    .sc-inr-s,
    .sc-inr-w {
        padding: 0 20px
    }

    .sc-kv .kv-head {
        font-size: 2.2rem
    }

    .sc-kv .kv-head:before {
        font-size: 3.4rem
    }

    .sc-kv .kv-head:after {
        font-size: 1.3rem
    }

    .sc-kv .kv-lead {
        margin-top: 10px;
        font-size: 1.3rem
    }

    .tel-sp {
        pointer-events: auto
    }

    .is-pc {
        display: none !important
    }

    .is-sp {
        display: block !important
    }

    .clm-h:hover .h-img,
    .top-swiper .swiper-container .swiper-slide:hover .h-img,
    .shops-list .shop-h:hover .h-img {
        border-radius: 2px
    }

    .clm-h:hover .h-img img,
    .top-swiper .swiper-container .swiper-slide:hover .h-img img,
    .shops-list .shop-h:hover .h-img img {
        transform: scale(1)
    }

    .clm-h:hover .h-tx,
    .top-swiper .swiper-container .swiper-slide:hover .h-tx,
    .shops-list .shop-h:hover .h-tx {
        background: inherit;
        color: inherit
    }

    .clm-h:hover .h-marker span,
    .top-swiper .swiper-container .swiper-slide:hover .h-marker span,
    .shops-list .shop-h:hover .h-marker span {
        background-position: 0 0;
        color: #333
    }

    .head-logo {
        display: block
    }

    .head-logo .logo {
        width: 50%;
        margin: 0 auto 10px;
        text-align: center
    }

    .head-info {
        display: block
    }

    .head-info > li {
        width: 100%
    }

    .head-info > li .sub {
        width: 50px;
        font-size: .9rem
    }

    .head-info > li .tx {
        width: calc(100% - 60px);
        font-size: 1.1rem;
        line-height: 1.6rem
    }

    .head-1 {
        margin-bottom: 20px;
        font-size: 2.4rem;
        letter-spacing: 2px;
        text-align: center
    }

    .head-1:after {
        margin-top: 0;
        font-size: 1.2rem;
		width: 300px;
    }

    .btn-1 span,
    .btn-2 span,
    .btn-3 span,
    .btn-4 span {
        padding: 12px 16px;
        line-height: 1.14286
    }

    .btn-1 span:before,
    .btn-2 span:before,
    .btn-3 span:before,
    .btn-4 span:before {
        font-size: 1.1rem;
        line-height: 1.14286;
        left: 10px
    }

    .btn-1 .icon:before,
    .btn-2 .icon:before,
    .btn-3 .icon:before,
    .btn-4 .icon:before,
    .btn-1 .icon:after,
    .btn-2 .icon:after,
    .btn-3 .icon:after,
    .btn-4 .icon:after {
        font-size: 1.1rem
    }

    .btn-1 .icon-prev:before,
    .btn-2 .icon-prev:before,
    .btn-3 .icon-prev:before,
    .btn-4 .icon-prev:before {
        left: 5px
    }

    .btn-1 .icon-next:before,
    .btn-2 .icon-next:before,
    .btn-3 .icon-next:before,
    .btn-4 .icon-next:before {
        right: 5px
    }

    .mediabox-l,
    .mediabox-r {
        display: block
    }

    .mediabox-l .mediabox-img {
        margin-right: 0
    }

    .mediabox-r .mediabox-img {
        margin-left: 0
    }

    .mediabox-img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .mediabox-img span {
        font-size: 1.2rem
    }

    .box-1,
    .box-2 {
        padding: 10px
    }

    .box-head {
        font-size: 1.6rem
    }

    .box-head:after {
        height: 1px
    }

    .tel-box {
        display: block
    }

    .tel-box > li {
        width: 100%;
        margin-bottom: 20px
    }

    .tel-box > li:last-child {
        margin-bottom: 0
    }

    .tel-box > li:nth-child(2n) {
        margin-left: 0
    }

    .clm-1 > li,
    .clm-2 > li,
    .clm-3 > li,
    .clm-4 > li {
        margin-bottom: 15px
    }

    .clm-1 > li .clm-box,
    .clm-2 > li .clm-box,
    .clm-3 > li .clm-box,
    .clm-4 > li .clm-box {
        width: 100%
    }

    /* .clm-tx > p {
        font-size: 1.2rem
    } */

    .clm-1 {
        width: 100%;
        max-width: 450px
    }

    .clm-2 > li:nth-child(2n) {
        margin-right: 0
    }

    .clm-3 > li:nth-child(3n) {
        margin-right: 0
    }

    .clm-4 > li {
        width: 49.19355%
    }

    .clm-4 > li:nth-child(2n) {
        margin-right: 0
    }

    .clm-half > li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .clm-half > li .half-cat {
        font-size: 1rem
    }

    .clm-half > li .half-head {
        font-size: 2.2rem;
        line-height: 4rem
    }

    .clm-half > li .half-head span {
        font-size: 1.6rem;
        line-height: 1.8rem
    }

    .clm-half > li .half-lead {
        width: 100%;
        margin-top: 10px
    }

    .clm-sp > li {
        width: 100%;
        margin-bottom: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .clm-sp > li .clm-img {
        width: 48%
    }

    .clm-sp > li .clm-tx {
        width: 48%
    }

    .clm-sp > li .clm-head {
        margin-bottom: 0;
        font-size: 1.5rem
    }

    .tbl-sp-1 th,
    .tbl-sp-1 td {
        width: 100% !important;
        display: block
    }

    .tbl-sp-2 {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .tbl-sp-2:before {
        margin-bottom: 10px;
        content: '→スライドできます';
        font-size: 1.2rem;
        display: block
    }

    .tbl-sp-2 > table {
        width: 160vw !important
    }

    .anchr {
        margin-top: -80px;
        padding-top: 80px
    }

    #pagetop-btn {
        width: 40px;
        height: 40px;
        right: 10px
    }

    .modal-area {
        padding: 0 20px
    }

    .modal-contents {
        padding: 22px 20px;
        max-height: 70vh;
        -webkit-overflow-scrolling: touch;
        border-radius: 5px
    }

    .modal-close {
        right: 20px
    }

    #swiper-1 {
        width: calc(100% + 40px);
        margin: 0 -20px 40px;
        padding: 0
    }

    #swiper-1 .swiper-button-prev {
        left: -20px
    }

    #swiper-1 .swiper-button-next {
        right: -20px
    }

    .swiper-button-prev,
    .swiper-button-next {
        padding: 0 8px;
        width: 40px;
        height: 30px;
        margin-top: -12px
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: -12.5px
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: -12.5px
    }

    .form-field .input-radio-1,
    .form-field .input-radio-2,
    .form-field .input-check {
        -webkit-tap-highlight-color: transparent
    }

    .form-field .input-check > li span:hover:after,
    .form-agree .input-check span:hover:after {
        background: transparent;
        border-color: #a7a7a7
    }

    #form .form-field .input-radio-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #form .form-field .input-radio-1 > li {
        width: 50%
    }

    #form .form-field .input-radio-1 > li span {
        padding: 10px 30px
    }

    .top-head {
        margin-bottom: 40px;
        display: block;
        text-align: center;
    }

    .top-head .head-btn {
        display: none
    }

    .top-swiper {
        margin-bottom: 0
    }

    .top-swiper .swiper-container {
        margin-bottom: 0 !important;
        padding-bottom: 0;
        display: -ms-flexbox;
        display: flex
    }

    .top-swiper .swiper-container .swiper-slide:hover {
        background: #3f3f3f
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy {
        padding: 20px;
        line-height: 1.71429
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy h3 {
        margin-bottom: 10px;
        font-size: 1.8rem;
        position: relative;
        max-height: 54px;
        font-size: 18px;
        line-height: 1.5;
        word-break: break-all;
        overflow: hidden
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy h3:before,
    .top-swiper .swiper-container .swiper-slide .slide-copy h3:after {
        position: absolute;
        background: #3f3f3f
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy h3:before {
        content: '...';
        top: 27px;
        right: 0;
        width: 1em
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy h3:after {
        content: '';
        width: 100%;
        height: 100%
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy p {
        position: relative;
        max-height: 54px;
        font-size: 12px;
        line-height: 1.5;
        word-break: break-all;
        overflow: hidden
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy p:before,
    .top-swiper .swiper-container .swiper-slide .slide-copy p:after {
        position: absolute;
        background: #3f3f3f
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy p:before {
        content: '...';
        top: 36px;
        right: 0;
        width: 1em
    }

    .top-swiper .swiper-container .swiper-slide .slide-copy p:after {
        content: '';
        width: 100%;
        height: 100%
    }

    .top-news ul > li {
        padding: 0
    }

    .top-news ul > li .clm-img {
        margin-bottom: 0
    }

    .feel-img img {
        width: 100%
    }

    .shops-list .shop-box {
        margin-bottom: 0
    }

    .shops-list .shop-box .shop-img {
        width: 100%
    }

    .shops-list .shop-box .shop-head {
        position: static;
        transform: translate(0, 0);
        width: 100%;
        padding: 20px;
        border-radius: 0;
        color: #333
    }

    .shops-list .shop-box .shop-head .cat {
        font-size: 1rem
    }

    .shops-list .shop-box .shop-head .name {
        font-size: 5.6vw
    }

    .shops-list .shop-box .shop-head .name:after {
        font-size: 3.2vw
    }

    .shops-list .shop-copy {
        width: 100%;
        padding: 20px;
        background: rgba(255, 255, 255, .9);
        color: #333
    }

    .hotel-style .mediabox-img {
        width: 50%;
        max-width: 100%;
        margin: 0 auto 20px
    }

    .cocolounge-half .cocolounge-box {
        margin-bottom: 40px;
        display: block
    }

    .cocolounge-half .cocolounge-box .lounge-img {
        width: 100%;
        margin-bottom: 20px;
        line-height: 0
    }

    .cocolounge-half .cocolounge-box .lounge-copy {
        width: 100%
    }

    .cocolounge-half .cocolounge-box .lounge-copy h4 {
        margin-bottom: 10px;
        font-size: 2.4rem;
        font-family: MyriadPro-Semibold, Alata, sans-serif;
        line-height: 2.4rem
    }

    .cocolounge-half .cocolounge-box .lounge-copy h4:after {
        margin-top: 5px;
        content: attr(data-text);
        font-size: 1.4rem;
        display: block
    }

    .map-guide {
        display: block
    }

    .map-guide .guide-img {
        display: none
    }

    .map-guide .guide-copy {
        width: 100%
    }

    .map-guide .guide-copy table th,
    .map-guide .guide-copy table td {
        padding: 10px 5px 7px
    }

    .floormap-tab .panel-group:before {
        padding-top: 115%
    }

    .access-line > li {
        padding: 10px 0
    }

    .access-line > li .station {
        font-size: 1.6rem
    }

    .access-line > li .station span {
        font-size: 1rem;
        line-height: 1rem
    }

    .forum-tbl th,
    .forum-tbl td {
        font-size: 1.2rem;
        padding: 5px
    }

    .l-container .container-bg #about-1.view,
    .l-container .container-bg #about-2.view,
    .l-container .container-bg #about-3.view,
    .l-container .container-bg #about-4.view,
    .l-container .container-bg #about-5.view {
        animation: scale 10s ease-out both;
        animation-fill-mode: both
    }

    .about-box {
        display: block
    }

    .about-box .box-img {
        width: 100%;
        margin: 0 auto 20px
    }

    .about-box .box-copy {
        width: 100%
    }
    .about-circle {
        width: 70%;
        margin: auto
    }

    .about-tbl table th {
        width: 35% !important
    }

    .about-tbl table th,
    .about-tbl table td {
        font-size: 1.2rem
    }
    .about-box .box-copy .comment_ttl{
        margin-bottom: 20px;
    }

    .news-line > li {
        margin-bottom: 0
    }

    .news-line > li a,
    .news-line > li .nolink {
        padding: 10px 20px 10px 0
    }

    .news-line > li .date {
        width: 75px
    }

    .news-line > li .head {
        width: calc(100% - 75px)
    }
    
    .mv-head{
        width:100%;
        display: block;
    }
    .mv-head .mv_copy_l .mv_copy{
        font-size: 3rem;
        letter-spacing: 4px;
    }
    
    .mv-head .mv_copy_l{
        padding: 0;
        border: none;
        text-align: center;
        margin-top: 20px;
    }
    .mv-head .mv_copy_l .mv_sub{
        line-height: 1.5;
        letter-spacing: 4px;
    }
    .mv-head .mv_copy_r{
        margin: 10px auto;
        width: 50%;
    }
    .clm-half > li.clm-h{
        display: block;
    }
    .clm-half > li .clm-tx{
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .clm-half > li .clm-img{
        width: 100%;
        margin-bottom: 30px;
    }
    .clm-half > li .half-head span.blue_tx{
        letter-spacing: -0.5px;
        font-size: 2.7rem;
        line-height: 1.6;
    }
    span.blue_tx{
        letter-spacing: 0px;
        font-size: 2.7rem;
        line-height: 1.6;
    }
    .blue_tx{
        letter-spacing: 0px;
        font-size: 2.7rem;
        line-height: 1.6;
        font-size: 2.7rem;
    }
    
    #concept .clm-half > li .clm-tx{
        width: 100%;
    }
    #technology .top-head{
        text-align: center;
    }
    #technology .head-1:after{
        left:50%;
        transform: translateX(-50%);
    }
    #technology .clm-half > li .half-head{
        line-height: 4rem;
        letter-spacing: -0.5px;
    }
    #technology .clm-half > li .half-head span{
        font-size: 2.7rem;
    }
    #technology .info_tx
    {
        font-size: 1.2rem;
    }
    #technology .clm-half > li .clm-tx{
        width: 100%;
    }
    #technology .clm-half > li .tech_scroll{
        width: 100%;
        overflow: scroll;
        background-color: #fff;
    }
    #technology .clm-half > li .tech_scroll .clm-img{
        width: 200%;
        margin-top: 30px;
    }
  
    .scene_clm .clm-line .line_inr{
        display: block;
    }
    .scene_clm .clm-line .line_inr_last{
        display: block;
    }
    .scene_clm .clm-line .line_inr .tx_box{
        width: 100%;
    }
    .scene_clm .clm-line .clm-img{
        width: 100%;
        margin: 20px auto;
    }
    .scene_clm .clm-line .line_inr_last .tx_box{
        width: 100%;
    }
    .award .clm-half > li.clm-h{
        display: block;
    }
    #mv{
        padding: 200px 0;

    }
    #scene .award .h-img{
         margin:0 auto;
        width: 100%;
    }
    #case .bg_item{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin: 20px auto;
    }
    #case .bg_txbox{
        display: block;
        width: 100%;
    }
    #case .logo_box{
        -ms-flex-pack: left;
        justify-content: left;
    }
    #case .logo_box .case_item{
        width: 30%;
    }
    #case .bg_img{
        width: 15%;
        margin-right: 15px;
    }
    #case .bg_txbox .bg_tx{
        font-size: 5rem;
        margin-right: 10px;
    }
    #case .bg_txbox p{
        text-align: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
    #case .caption img{
        margin: 0;
        margin-right: 10px;
    }
    #contact .border_clm1{
        width: 100%;
        float: none;
    }
    #process .top_text .txt_em{
        font-size: 1.6rem;
        letter-spacing: -0.8px;
    }
    #process .process_wrap .process_box .process_icon{
        width: 20%;
        margin-top: 10px;
    }
    #process .process_wrap .figure_img{
        width: 100%;
    }
   #process .head-2:before{
        left: 0;
        top:30px;
    }
    #process .head-2:after{
        right:0;
        bottom:0;
    }
    .br-btn{
        width: 80%;
    }
}

@media(max-width:768px) {
    /*.head-1 {
        font-size: 6.2vw
    }*/

    .head-1:after {
        margin-top: 3px;
        font-size: 3.73vw;
		width:300px;
    }

    /*.head-2 {
        font-size: 6.2vw
    }*/
}



.pcOnly{display:block!important}
@media only screen and (max-width:768px){.pcOnly{display:none!important}}

.spOnly{display:none!important}
@media only screen and (max-width:768px){.spOnly{display:block!important}}