/* --------------------------
 * reboot
-------------------------- */
*,
*::before,
*::after {box-sizing: border-box;}
html {font-family: sans-serif;line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
body {margin: 0;padding: 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;text-align: left;background-color: #fff;}
[tabindex="-1"]:focus {outline: 0 !important;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0.5rem;}
p {margin-top: 0;margin-bottom: 1rem;}
abbr[title],
abbr[data-original-title] {text-decoration: underline;-webkit-text-decoration: underline dotted;text-decoration: underline dotted;cursor: help;border-bottom: 0;-webkit-text-decoration-skip-ink: none;text-decoration-skip-ink: none;}
address {margin-bottom: 1rem;font-style: normal;line-height: inherit;}
ol,
ul,
dl {margin-top: 0;margin-bottom: 1rem;}
ol ol,
ul ul,
ol ul,
ul ol {margin-bottom: 0;}
dt {font-weight: normal;}
dd {margin-bottom: 0;}
blockquote {margin: 0 0 1rem;}
b,
strong {font-weight: bolder;}
small {font-size: 80%;}
sub,
sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
a {color: #000;text-decoration: none;background-color: transparent;}
a:hover {color: #ccc;text-decoration: underline;}
a:not([href]):not([tabindex]) {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {color: inherit;text-decoration: none;}
a:not([href]):not([tabindex]):focus {outline: 0;}
pre,
code,
kbd,
samp {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 1em;}
pre {margin-top: 0;margin-bottom: 1rem;overflow: auto;}
figure {margin: 0 0 1rem;}
img {vertical-align: middle;border-style: none;}
svg {overflow: hidden;vertical-align: middle;}
table {border-collapse: collapse;}
caption {padding-top: 0.75rem;padding-bottom: 0.75rem;color: #6c757d;text-align: left;caption-side: bottom;}
th {text-align: inherit;}
label {display: inline-block;margin-bottom: 0.5rem;}
button {border-radius: 0;}
button:focus {outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}
input,
button,
select,
optgroup,
textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
button,
input {overflow: visible;}
button,
select {text-transform: none;}
select {word-wrap: normal;}
button,
[type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {cursor: pointer;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {padding: 0;border-style: none;}
input[type="radio"],
input[type="checkbox"] {box-sizing: border-box;padding: 0;}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {-webkit-appearance: listbox;}
textarea {overflow: auto;resize: vertical;}
fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}
legend {display: block;width: 100%;max-width: 100%;padding: 0;margin-bottom: .5rem;font-size: 1.5rem;line-height: inherit;color: inherit;white-space: normal;}
progress {vertical-align: baseline;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px;-webkit-appearance: none;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {font: inherit;-webkit-appearance: button;}
output {display: inline-block;}
summary {display: list-item;cursor: pointer;}
template {display: none;}
[hidden] {display: none !important;}

/* --------------------------
 * font
-------------------------- */
body{font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic','ヒラギノ角ゴ W3','メイリオ',Meiryo,'游ゴシック','YuGothic',sans-serif;font-weight: 400;}
.gothic {font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic','ヒラギノ角ゴ W3','メイリオ',Meiryo,'游ゴシック','YuGothic',sans-serif;}
.mincho {font-family:'游明朝','YuMincho','ヒラギノ明朝 Pro W3','HiraMinPro-W3','ヒラギノ明朝 ProN W3', 'HiraMinProN-W3','HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; font-weight: normal;}
.gfont {font-family: 'Prata', serif;letter-spacing: 0px;}
.italic {font-style: italic;}
.middle { font-weight:500!important;}
.bold { font-weight:700!important;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

/* --------------------------
 * font size
-------------------------- */
html {font-size: 62.5%;}
body {font-size: 1.3rem;line-height:2em;letter-spacing: 1px;overflow-x: hidden;color: #333;position: relative;}
a {color: #000;}
a:hover {color: #ccc;}
@media screen and (max-width: 1024px) {
    body {font-size: 1.3rem;}
}
@media screen and (max-width: 768px) {
    body {font-size: 1.2rem;}
}

/* --------------------------
 * @keyframes
-------------------------- */
@keyframes scrl {0% {transform: translate(0, -100%);}80% {transform: translate(0, 100%);}100% {-webkit-transform: translate(0, 100%);}}
@-webkit-keyframes scrl {0% {transform: translate(0, -100%);}80% {transform: translate(0, 100%);}100% {-webkit-transform: translate(0, 100%);}}
@keyframes updown {0% {transform: translateY(-10px);} 50% {opacity: 1;transform: translateY(0px);}100% {transform: translateY(-10px);}}
@-webkit-keyframes updown {0% {transform: translateY(-25px);} 100% {opacity: 1;transform: translateY(0px);}}
@keyframes topin {0% {opacity: 0;transform: translateY(-25px);} 100% {opacity: 1;transform: translateY(0px);}}
@-webkit-keyframes topin {0% {opacity: 0;transform: translateY(-25px);} 100% {opacity: 1;transform: translateY(0px);}}
@keyframes btmin {0% {opacity: 0;transform: translateY(50px);} 100% {opacity: 1;transform: translateY(0px);}}
@-webkit-keyframes btmin {0% {opacity: 0;transform: translateY(50px);} 100% {opacity: 1;transform: translateY(0px);}}
@keyframes leftin {0% {opacity: 0;transform: translateX(-50px);}100% {opacity: 1;transform: translateX(0px);}}
@-webkit-keyframes leftin {0% {opacity: 0;-webkit-transform: translateX(-50px);}100% {opacity: 1;-webkit-transform: translateX(0px);}}
@keyframes rightin {0% {opacity: 0;transform: translateX(50px);}100% {opacity: 1;transform: translateX(0px);f}}
@-webkit-keyframes rightin {0% {opacity: 0;-webkit-transform: translateY(50px);;}100% {opacity: 1;-webkit-transform: translateX(0px);}}
@keyframes blur {0% {opacity: 0;transform: translateY(50px);filter: blur(50px);}100% {opacity: 1;transform: translateX(0px);filter: blur(0px);}}
@-webkit-keyframes blur {0% {opacity: 0;-webkit-filter: blur(50px);}100% {opacity: 1;-webkit-filter: blur(0px);}}
@keyframes linkAnime {0% {transform-origin: right top;transform: translateX(0);} 50% {transform-origin: right top;transform: translateX(100%);}50.1% {transform-origin: left top;transform: translateX(-100%);}100% {transform: translateX(0);}}
@-webkit-keyframes linkAnime {0% {transform-origin: right top;transform: translateX(0);} 50% {transform-origin: right top;transform: translateX(100%);}50.1% {transform-origin: left top;transform: translateX(-100%);}100% {transform: translateX(0);}}

/* --------------------------
 * adjustment
-------------------------- */
.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}
.nowrap {overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.bgCover { background-size: cover; background-position: center; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;}
.radius {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;}
figure {margin: 0;padding: 0;display: block;}
figure img { width:100%;height:auto; }
a {color: #000;text-decoration: none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;}
a:hover,a:focus,a:active { text-decoration: none;}
a.alpha img{opacity: 1.0;transition:opacity 0.5s ease;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease;}
a.alpha:hover img {opacity: 0.75;}
ul {margin: 0;padding: 0;list-style: none;list-style-type: none;}
ul li {margin: 0;padding: 0;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;}
dl,dl dt, dl dd {margin: 0%;padding: 0;}
h1,h2,h3,h4,h5,p {margin: 0;padding: 0;font-size: 1.4rem;font-weight: normal;box-sizing: border-box;-webkit-box-sizing: border-box;}
div,p,span {box-sizing: border-box;-webkit-box-sizing: border-box;}
hr {border-top: 1px solid #eee;margin: 0;padding: 0;}
.video {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;} /* 16:9 */
.video43 {position: relative;width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;} /* 4:3 */
.video iframe,
.video43 iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

/* --------------------------
 * margin / padding
-------------------------- */
.p100 {padding: 100px;}.p50 {padding: 50px;}
.mT100 {margin-top: 100px;}.mT50 {margin-top: 50px;}.mT25 {margin-top: 25px;}.mT10 {margin-top: 10px;}
.mB200 {margin-bottom: 200px!important;}.mB100 {margin-bottom: 100px!important;}.mB75 {margin-bottom: 75px!important;}.mB50 {margin-bottom: 50px!important;}.mB25 {margin-bottom: 25px!important;}.mB10 {margin-bottom: 10px!important;}
.pT100 {padding-top: 100px;}.pT50 {padding-top: 50px;}
.pB100 {padding-bottom: 100px;}.pB50 {padding-bottom: 50px;}
@media screen and (max-width: 768px) {
    .p100 {padding: 50px;} .p50 {padding: 25px;}
    .mT100 {margin-top: 50px;} .mT50 {margin-top: 25px;}.mT25 {margin-top: 15px;}.mT10 {margin-top: 5px;}
    .mB200 {margin-bottom: 100px!important;} .mB100 {margin-bottom: 50px!important;} .mB75 {margin-bottom: 35px!important;}.mB50 {margin-bottom: 25px!important;}.mB25 {margin-bottom: 15px!important;}.mB10 {margin-bottom: 5px!important;}
    .pT100 {padding-top: 50px;} .pT50 {padding-top: 25px;}
    .pB100 {padding-bottom: 50px;} .pB50 {padding-bottom: 25px;}
}
@media screen and (max-width: 480px) {
    .p100 {padding: 40px;} .p50 {padding: 20px;}
    .mT100 {padding-top: 40px;} .mT50 {padding-top: 20px;}.mT25 {margin-top: 10px;}.mT10 {margin-top: 0px;}
    .mB200 {margin-bottom: 80px!important;}.mB100 {margin-bottom:40px!important;}.mB75 {margin-bottom: 30px!important;}.mB50 {margin-bottom: 20px!important;}.mB25 {margin-bottom: 10px!important;}.mB10 {margin-bottom: 0px!important;}
    .pT100 {padding-top: 40px;} .pT50 {padding-top: 20px;}
    .pB100 {padding-bottom: 40px;} .pB50 {padding-bottom: 20px;}
}

/* --------------------------
* flame
-------------------------- */
/* pc width min */
@media screen and (min-width: 1024px) {
    body,html {width: 100%; height: 100%;min-height: 600px;-webkit-text-size-adjust: 100%;}
    .pc_dspl { display:block!important;}
    .sp_dspl { display:none!important;}
}
/* smartphone */
@media screen and (max-width: 1023px) {
    body,html {-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;overflow-x: hidden;display: block;position: relative;width: 100%; min-width: auto;}
    html {-webkit-text-size-adjust: 100%;}
    .pc_dspl { display:none!important;}
    .sp_dspl { display:block!important;}
}

/* --------------------------
 * container
-------------------------- */
.container-lg {width: 100%; margin: 0 auto;position: relative;display: block;max-width: 1920px}
.container-sm {width: 1024px; margin: 0 auto;position: relative;display: block;}
.container-auto {max-width: 1300px;padding: 0 50px;min-width: 1024px;margin: 0 auto;position: relative;display: block;}
@media screen and (max-width: 1124px) {
    .container-sm {padding: 0px;margin: 0 50px;width:auto;}
}
@media screen and (max-width: 1023px) {
    .container-lg {padding: 0px;margin: 0;width: 100%;}
    .container-auto {max-width:auto;padding: 0 50px;min-width:auto;margin: 0 auto;position: relative;display: block;}
}
@media screen and (max-width: 767px) {
    .container-sm {padding: 0 20px;margin: 0;}
    .container-auto {padding: 0 20px;margin: 0;}
}

/* --------------------------
 * flexbox wrap
-------------------------- */
.flexWrap {display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-wrap: wrap;flex-wrap:-webkit-wrap;-ms-flex-wrap: wrap;margin: 0;padding: 0;}
.flexWrap.reverse {flex-flow: row-reverse;}
.flexWrap.col-2 {margin: 0 -35px;}
.flexWrap.col-3 {margin: 0 -25px;}
.flexWrap.col-4 {margin: 0 -20px;}
.flexWrap.none {margin: 0px!important;}

.flexWrap.col-2 > .item {width: 50%;padding: 35px;}
.flexWrap.col-3 > .item {width: 33.3333%;padding: 25px;}
.flexWrap.col-4 > .item {width: 25%;padding: 20px;}
.flexWrap.none > .item {padding: 0px!important;}

@media screen and (max-width: 1023px) {
    .flexWrap.restore {display:block;flex-wrap:inherit;-ms-flex-wrap:inherit;}
    .flexWrap.col-2,
    .flexWrap.col-3,
    .flexWrap.col-4 {margin: 0px;}

    .flexWrap.col-2 > .item,
    .flexWrap.col-3 > .item,
    .flexWrap.col-4 > .item {display:block;width: 100%;padding: 50px 0px;}
}


/* --------------------------
 * btn
-------------------------- */
.btn {position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-transition: all .3s ease;transition: all .3s ease;}
.btn a {position:relative;display: block;width: 100%;-webkit-transition: all .3s ease;transition: all .3s ease;}

.btn.std {width: 200px; height: 50px;}
.btn.std a {overflow: hidden;color:#0a50a1;font-size: 1rem;font-weight: 700;letter-spacing: 2px;border-bottom: 1px solid #0a50a1;height: 50px;line-height: 50px;padding-left: 17px;}
.btn.std a:hover {color: #FFF;}
.btn.std::before {position: absolute;top: 0;left: 0;z-index: 0;content: '';width: 100%;height: 100%;background:#0a50a1;transform-origin: right top;transform:scale(0, 1);transition: transform .3s;-webkit-transition:transform .3s ease;}
.btn.std:hover::before {transform-origin: left top;transform: scale(1, 1);}
@media screen and (max-width: 1023px) {
    .btn.std a {font-size: 1.3rem;}
    .btn.std a span {top: 22px;right: 20px;height: 7px;width: 7px;}
}
@media screen and (max-width: 767px) {
    .btn.std a {font-size: 1.2rem;}
    .btn.std a span {top: 20px;right: 20px;}
}

.btn.std.color {background-color: #00A29A;}
.btn.std.color a {color: #FFF;}
.btn.std.color a span {border-top: 1px solid #FFF;border-right: 1px solid #FFF;}
.btn.std.color a:hover {color: #FFF;}
.btn.std.color a:hover span {border-top: 1px solid #FFF;border-right: 1px solid #FFF;}
.btn.std.color::before {background:#00635E;}
.btn.std.color a img {width: 24px; height: auto;margin-right: 15px;}


/* --------------------------
 * list dl
-------------------------- */
dl.list {width: 100%;font-size: 1.3rem;border-bottom: 1px solid #eee;}
dl.list > dt {text-align: right;font-size: 1.3rem;letter-spacing: 0px;width: 35%;border-top: 1px solid #eee;display: block;margin: 0;padding:20px 0;padding-right: 30px;float: left;font-weight: bold;}
dl.list > dd {width: 65%;border-top: 1px solid #eee;display: block;margin: 0;padding:20px 0;margin-left: 35%;}
dl.list > dd a {text-decoration: underline;}
@media screen and (max-width: 1023px) {
    dl.list {font-size: 1.3rem;padding-bottom: 0px;}
    dl.list dt {width: 30%;padding:20px;font-size: 1.3rem;letter-spacing: 1px;}
    dl.list dd {width: 70%;padding:20px;margin-left: 30%;}
}
@media screen and (max-width: 767px) {
    dl.list {font-size: 1.2rem;padding-bottom: 0px;}
    dl.list dt {padding: 15px;width: 100%;font-size: 1.3rem;text-align: left;}
    dl.list dd {padding: 15px;width: 100%;margin-left: 0;}
}
@media screen and (max-width: 480px) {
    dl.list dt {padding: 15px;width: 100%;font-size: 1.2rem;padding-bottom: 0;letter-spacing: 0;}
    dl.list dd {padding: 15px;width: 100%;margin-left: 0;padding-top: 0;letter-spacing: 0;}
}
/* --------------------------
 * list ul
-------------------------- */
ul.list {}
ul.list li {display: list-item;margin-top: 20px;font-size: 1.6rem;}
ul.list li:first-child {margin-top: 0;}
ul.list li .fa-check{color: #b85b26;margin-right: 20px;}
ul.disc {list-style-type: disc;font-size: 1.4rem;margin-left: 7px;}
ul.num {list-style-type: decimal;}
@media screen and (max-width: 1023px) {
    ul.list li { font-size: 1.4rem;margin-top: 10px;letter-spacing: 0;}
}
@media screen and (max-width: 767px) {
    ul.list li { font-size: 1.1rem;margin-bottom: 3px;}
    ul.list li .fa-check{margin-right: 10px;}
}


/* --------------------------
 * hamburger
-------------------------- */
#hamburger {display:block;position:fixed;top: 42px; right: 50px;width:50px;height: 12px;cursor: pointer;z-index: 9999999;}
#hamburger span {width: 50px;display:block;box-sizing: border-box;height: 1px;background-color:#000;position: absolute; right: 0px;}
#hamburger span {transition:all .3s 0s ease;-webkit-transition:all .3s 0s ease;}
#hamburger span:nth-of-type(1) {z-index: 1;top: 0px;}
#hamburger span:nth-of-type(2) {z-index: 1;bottom: 0px;}
#hamburger.active::before {width: 200%;height: 200%;}
#hamburger.active span {background-color:#FFF;}
#hamburger.active span:nth-of-type(1) {top: 6px;-webkit-transform: translateY(0px) rotate(-45deg);transform: translateY(0px) rotate(-45deg);}
#hamburger.active span:nth-of-type(2) {bottom:6px;-webkit-transform: translateY(0px) rotate(45deg);transform: translateY(0px) rotate(45deg);}
@media screen and (max-width: 1023px) {
    #hamburger {display:block;position:absolute;top: 35px; right: 50px;width:50px;height: 12px;}
}

@media screen and (max-width: 767px) {
    #hamburger {display:block;position:fixed;top: 25px; right: 25px;width:27px;height: 10px;}
    #hamburger span {width: 27px;}
    #hamburger.active span {background-color:#FFF;}
    #hamburger.active span:nth-of-type(1) {top: 4px;}
    #hamburger.active span:nth-of-type(2) {bottom:4px;}

}

/* --------------------------
 * scrlTop
-------------------------- */
#scrlTop {opacity: 0;background-color:#333;cursor: pointer;color: #FFF;text-align: center; line-height:48px;z-index: 999;display:block;height: 50px; width: 50px; position: fixed; bottom:50px; right: 50px;}
#scrlTop .fa {font-size: 24px;}
#scrlTop.on {opacity: 1;-webkit-transition: all .3s ease;transition: all .3s ease;cursor: pointer;display:block;}
#scrlTop.on:hover {background-color:#000;color: #FFF;}
@media screen and (max-width: 1023px) {
    #scrlTop {bottom:100px;right: 25px;line-height: 36px;height: 40px; width: 40px;}
    #scrlTop .fa {font-size: 18px;}
}
@media screen and (max-width: 767px) {
    #scrlTop {bottom: 100px; right: 20px;line-height: 32px;height: 36px; width: 36px;}
}

/* --------------------------
 * spNav
-------------------------- */
body.scroll-prevent {overflow: hidden;}
#spNavWrap {display:none;z-index: 999999; background-color:transparent; position: fixed; top: 0;left: 0; width: 100%; height: 100%;}
#spNav {display:none;background-color:#000;z-index: 1000000;position:fixed; top: 0; left: 0;height: 100%;width:100%;background-image: url(../images/common/spnav_bg_img.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
#spNav .nv-inner {display: block;height:500px;width:500px;position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#spNav .nv-inner h1 {opacity: 1;width: 200px; height:auto;margin:0 auto 75px;padding: 0;}
#spNav ul li {opacity: 0;width:100%;position: relative;display: block;border-top:1px solid rgba(255,255,255,0.1);}
#spNav ul li:last-child {border-bottom:1px solid rgba(255,255,255,0.1);}
#spNav ul li a {line-height: 75px;height:75px;color: #FFF;width:100%;position: relative;display: block;font-weight: bold;font-size:1.8rem;padding-left: 25px;}
#spNav ul li a .fa-chevron-right {font-size: 1.2rem;position: absolute; top: 50px;right: 25px;margin-top: -18px;}
#spNav ul li a span {font-size: 1.2rem;font-weight: 400;letter-spacing: 2px;margin-left: 25px;}
#spNav ul li a::before {content: '';position: absolute; top: 0;left: 0;background-color:rgba(255,255,255,0.1);display: block; width: 100%;height: 100%;z-index: 0;transform-origin: right top;transform:scale(0, 1);transition: transform .3s;}
#spNav ul li a:hover::before {transform-origin: left top;transform:scale(1, 1);transition: transform .3s;}
#spNav.active ul li:nth-child(1) {animation: leftin 0.5s ease forwards;}
#spNav.active ul li:nth-child(2) {animation: leftin 0.5s 0.1s ease forwards;}
#spNav.active ul li:nth-child(3) {animation: leftin 0.5s 0.2s ease forwards;}
#spNav.active ul li:nth-child(4) {animation: leftin 0.5s 0.3s ease forwards;}
#spNav.active ul li:nth-child(5) {animation: leftin 0.5s 0.4s ease forwards;}
@media screen and (max-width: 767px){
    #spNav .nv-inner {display: block;height:400px;width:320px;position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    #spNav .nv-inner h1 {width: 150px;margin:0 auto 50px;}
    #spNav ul li a {font-size:1.6rem;}
    #spNav ul li a span {font-size: 1.1rem;}
    #spNav ul li a {line-height: 50px;height:50px;}
}