@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}
body {
    margin: 0
}
h1 {
    font-size: 2em;
    margin: 0.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;
    -webkit-text-decoration: underline dotted;
    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: -0.25em
}
sup {
    top: -0.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
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    padding: 0.35em 0.75em 0.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
}
[hidden],
template {
    display: none
}
@font-face {
    font-family: Akkurat-Light;
    src: url('../font/Akkurat-Light.ttf') format("truetype")
}
@font-face {
    font-family: Akkurat-Bold;
    src: url('../font/Akkurat-Bold.ttf') format("truetype")
}
.akkurat {
    font-family: Akkurat-Light
}
.akkuratB {
    font-family: Akkurat-Bold
}




@-webkit-keyframes slideIn {
    to {
        transform: translateX(100%)
    }
}
*,:after,:before {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
a,
a:visited {
    color: inherit;
    text-decoration: none
}
a,
a:visited,
a:visited img,
a img {
    transition: opacity 0.6s ease-out
}
a:active,
a:focus,
a:hover {
    text-decoration: none
}
a:focus {
    outline: none
}
a:active,
a:hover {
    outline: 0
}
a img {
    opacity: 1;
    transition: none 0.6s cubic-bezier(0.215,.61,0.355,1);
    transition-property: opacity
}
:root a:hover img,
_:-ms-fullscreen:hover img {
    opacity: .7
}
::-moz-selection {
    background: #613478
}
::selection {
    background: #613478;
    color: #fff
}
::-moz-selection {
    background-color: #613478;
    color: #fff
}
input::-moz-selection,
textarea::-moz-selection {
    background: #613478;
    color: #fff
}
input::selection,
textarea::selection {
    background: #613478;
    color: #fff
}
body {
    -webkit-text-size-adjust: 100%;
    background: #fff
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}
figure {
    margin: 0
}
ul {
    list-style-type: none
}
dd,
dl,
dt,
li,
p,
ul {
    margin: 0;
    padding: 0
}
body.modal-open {
    overflow: hidden
}
main {
    display: block
}
body.scrolled .sp-header {
    padding-bottom: 47.7px
}
.header03 .header {
    background: #fff;
    position: relative;
    z-index: 10
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Thin.woff2') format('woff2'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Thin.woff') format('woff'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Thin.ttf')  format('truetype'),
         url('../font/NotoSansCJKjp/NotoSansCJKjp-Thin.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Light.woff2') format('woff2'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Light.woff') format('woff'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Light.ttf')  format('truetype'),
         url('../font/NotoSansCJKjp/NotoSansCJKjp-Light.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff2') format('woff2'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff') format('woff'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.ttf')  format('truetype'),
         url('../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.woff2') format('woff2'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.woff') format('woff'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.ttf')  format('truetype'),
         url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Medium.woff2') format('woff2'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Medium.woff') format('woff'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Medium.ttf')  format('truetype'),
         url('../font/NotoSansCJKjp/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.woff2') format('woff2'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.woff') format('woff'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.ttf')  format('truetype'),
         url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Black.woff2') format('woff2'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Black.woff') format('woff'),
	     url('../font/NotoSansCJKjp/NotoSansCJKjp-Black.ttf')  format('truetype'),
         url('../font/NotoSansCJKjp/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}
.lp-page {
    box-sizing: border-box;
    color: #000;
    font-family: 'Noto Sans Japanese','Akkurat-Light',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.1em;
    line-height: 1.9;
    overflow-x: hidden;
    position: relative
}
.lp-page img {
    font-size: 0;
    line-height: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: top
}
@keyframes slideIn {
    to {
        transform: translateX(100%)
    }
}
.lp-sns__box {
    align-items: center;
    color: #636363;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}
.lp-sns__head {
    font-family: Akkurat-Light;
    letter-spacing: 0.08em
}
.lp-sns__body,
.lp-sns__head {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
}
.lp-sns__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}
.lp-sns__item {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
}
.lp-sns__link .lp-sns__ico {
    opacity: 1;
    transition: none 0.6s cubic-bezier(0.215,.61,0.355,1);
    transition-property: opacity
}
:root .lp-sns__link:hover .lp-sns__ico,
_:-ms-fullscreen:hover .lp-sns__ico {
    opacity: .7
}
.lp-sns__ico {
    background: no-repeat 50%;
    background-size: 100% 100%;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}
.lp-sns__ico--tw {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTI0IDQuNTU3YTkuODMgOS44MyAwIDAgMS0yLjgyOC43NzUgNC45MzIgNC45MzIgMCAwIDAgMi4xNjUtMi43MjQgOS44NjQgOS44NjQgMCAwIDEtMy4xMjcgMS4xOTUgNC45MTYgNC45MTYgMCAwIDAtMy41OTQtMS41NTVjLTMuMTc5IDAtNS41MTUgMi45NjYtNC43OTcgNi4wNDVBMTMuOTc4IDEzLjk3OCAwIDAgMSAxLjY3MSAzLjE0OWE0LjkzIDQuOTMgMCAwIDAgMS41MjMgNi41NzQgNC45MDMgNC45MDMgMCAwIDEtMi4yMjktLjYxNmMtLjA1NCAyLjI4MSAxLjU4MSA0LjQxNSAzLjk0OSA0Ljg5YTQuOTM1IDQuOTM1IDAgMCAxLTIuMjI0LjA4NCA0LjkyOCA0LjkyOCAwIDAgMCA0LjYgMy40MTlBOS45IDkuOSAwIDAgMSAwIDE5LjU0YTEzLjk0IDEzLjk0IDAgMCAwIDcuNTQ4IDIuMjEyYzkuMTQyIDAgMTQuMzA3LTcuNzIxIDEzLjk5NS0xNC42NDZBMTAuMDI1IDEwLjAyNSAwIDAgMCAyNCA0LjU1N3oiIHN0eWxlPSJmaWxsOiM2MzYzNjMiLz48L3N2Zz4=")
}
.lp-sns__ico--fb {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTIyLjY3NSAwSDEuMzI1Qy41OTMgMCAwIC41OTMgMCAxLjMyNXYyMS4zNTFDMCAyMy40MDcuNTkzIDI0IDEuMzI1IDI0SDEyLjgydi05LjI5NEg5LjY5MnYtMy42MjJoMy4xMjhWOC40MTNjMC0zLjEgMS44OTMtNC43ODggNC42NTktNC43ODggMS4zMjUgMCAyLjQ2My4wOTkgMi43OTUuMTQzdjMuMjRsLTEuOTE4LjAwMWMtMS41MDQgMC0xLjc5NS43MTUtMS43OTUgMS43NjN2Mi4zMTNoMy41ODdsLS40NjcgMy42MjJoLTMuMTJWMjRoNi4xMTZjLjczIDAgMS4zMjMtLjU5MyAxLjMyMy0xLjMyNVYxLjMyNUMyNCAuNTkzIDIzLjQwNyAwIDIyLjY3NSAweiIgc3R5bGU9ImZpbGw6IzYzNjM2MyIvPjwvc3ZnPg==")
}
.lp-sns__ico--li {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xOSAyNEg1YTUgNSAwIDAgMS01LTVWNWE1IDUgMCAwIDEgNS01aDE0YTUgNSAwIDAgMSA1IDV2MTRhNSA1IDAgMCAxLTUgNXptMS0xMi41MDhDMjAgNy45MTIgMTYuNDExIDUgMTIgNXMtOCAyLjkxMi04IDYuNDkyYzAgMy4yMDkgMi44NDYgNS44OTcgNi42OTEgNi40MDUuMjYuMDU2LjYxNS4xNzIuNzA0LjM5NS4wODEuMjAyLjA1My41MTkuMDI2LjcyM2wtLjExNC42ODVjLS4wMzUuMjAyLS4xNjEuNzkxLjY5My40MzEuODU0LS4zNiA0LjYwNy0yLjcxMyA2LjI4Ni00LjY0NWgtLjAwMUMxOS40NDUgMTQuMjE1IDIwIDEyLjkyNSAyMCAxMS40OTJ6TTkuMDIyIDEzLjU1OUg2Ljc4bC0uMTA4LS4wNDN2LS4wMDFsLS4wMDEtLjAwMS0uMDAzLS4wMDMtLjA0NC0uMTA3VjkuOTE4YzAtLjA4Ni4wNy0uMTU2LjE1Ni0uMTU2aC41NjJjLjA4NSAwIC4xNTUuMDcuMTU1LjE1NnYyLjc2OGgxLjUyNWMuMDg2IDAgLjE1NS4wNy4xNTUuMTU2di41NjFhLjE1NS4xNTUgMCAwIDEtLjE1NS4xNTZ6bTguMzE0IDBoLTIuMjQybC0uMTA4LS4wNDMtLjAwNC0uMDA1LS4wNDQtLjEwN1Y5LjkxOGwuMDQ0LS4xMDcuMDA0LS4wMDUuMTA4LS4wNDRoMi4yNDJjLjA4NiAwIC4xNTUuMDcuMTU1LjE1NnYuNTYxYS4xNTUuMTU1IDAgMCAxLS4xNTUuMTU2aC0xLjUyNXYuNTg5aDEuNTI1Yy4wODYgMCAuMTU1LjA3LjE1NS4xNTZ2LjU2MWEuMTU1LjE1NSAwIDAgMS0uMTU1LjE1NmgtMS41MjV2LjU4OWgxLjUyNWMuMDg2IDAgLjE1NS4wNy4xNTUuMTU2di41NjFhLjE1NS4xNTUgMCAwIDEtLjE1NS4xNTZ6bS02Ljk2MSAwaC0uNTYyYS4xNTUuMTU1IDAgMCAxLS4xNTYtLjE1NVY5LjkxOGMwLS4wODYuMDctLjE1Ni4xNTYtLjE1NmguNTYyYy4wODYgMCAuMTU1LjA3LjE1NS4xNTZ2My40ODZhLjE1NS4xNTUgMCAwIDEtLjE1NS4xNTV6bTEuNDE4IDBoLS41NjFhLjE1NS4xNTUgMCAwIDEtLjE1Ni0uMTU1VjkuOTE4YzAtLjA4Ni4wNy0uMTU2LjE1Ni0uMTU2aC41NjFsLjAxMy4wMDEuMDE1LjAwMi4wMDkuMDAyLjAxNS4wMDQuMDA1LjAwMi4wMTQuMDA2LjAxMy4wMDguMDA4LjAwNS4wMTIuMDEuMDAzLjAwMy4wMS4wMTEuMDEzLjAxNSAxLjU5NyAyLjE1OFY5LjkxOGMwLS4wODYuMDctLjE1Ni4xNTYtLjE1NmguNTYxYy4wODYgMCAuMTU2LjA3LjE1Ni4xNTZ2My40ODZjMCAuMDg1LS4wNy4xNTUtLjE1Ni4xNTVoLS41NjFsLS4wNC0uMDA1LS4wMDItLjAwMS0uMDE2LS4wMDUtLjAwNy0uMDAzLS4wMTItLjAwNi0uMDEtLjAwNi0uMDAxLS4wMDEtLjA0LS4wMzktMS41OTktMi4xNnYyLjA3MWMwIC4wODUtLjA3LjE1NS0uMTU2LjE1NXoiIHN0eWxlPSJmaWxsOiM2MzYzNjMiLz48L3N2Zz4=")
}
.tac {
    text-align: center
}
.tal {
    text-align: left
}
.tar {
    text-align: right
}
.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}
.row {
    display: flex;
    flex-wrap: wrap
}
.row > * {
    flex-shrink: 0;
    max-width: 100%;
    width: 100%
}
.col {
    flex: 1 0
}
.col--auto {
    flex: 0 0 auto;
    width: auto
}
.col--1 {
    flex: 0 0 auto;
    width: 8.33333%
}
.col--2 {
    flex: 0 0 auto;
    width: 16.66667%
}
.col--3 {
    flex: 0 0 auto;
    width: 25%
}
.col--4 {
    flex: 0 0 auto;
    width: 33.33333%
}
.col--5 {
    flex: 0 0 auto;
    width: 41.66667%
}
.col--6 {
    flex: 0 0 auto;
    width: 50%
}
.col--7 {
    flex: 0 0 auto;
    width: 58.33333%
}
.col--8 {
    flex: 0 0 auto;
    width: 66.66667%
}
.col--9 {
    flex: 0 0 auto;
    width: 75%
}
.col--10 {
    flex: 0 0 auto;
    width: 83.33333%
}
.col--11 {
    flex: 0 0 auto;
    width: 91.66667%
}
.col--12 {
    flex: 0 0 auto;
    width: 100%
}
.mt--0 {
    margin-top: 0
}
.pt--0 {
    padding-top: 0
}
.mb--0 {
    margin-bottom: 0
}
.pb--0 {
    padding-bottom: 0
}
.ml--0 {
    margin-left: 0
}
.pl--0 {
    padding-left: 0
}
.mr--0 {
    margin-right: 0
}
.pr--0 {
    padding-right: 0
}
.mt--10 {
    margin-top: 10px
}
.pt--10 {
    padding-top: 10px
}
.mb--10 {
    margin-bottom: 10px
}
.pb--10 {
    padding-bottom: 10px
}
.ml--10 {
    margin-left: 10px
}
.pl--10 {
    padding-left: 10px
}
.mr--10 {
    margin-right: 10px
}
.pr--10 {
    padding-right: 10px
}
.mt--20 {
    margin-top: 20px
}
.pt--20 {
    padding-top: 20px
}
.mb--20 {
    margin-bottom: 20px
}
.pb--20 {
    padding-bottom: 20px
}
.ml--20 {
    margin-left: 20px
}
.pl--20 {
    padding-left: 20px
}
.mr--20 {
    margin-right: 20px
}
.pr--20 {
    padding-right: 20px
}
.mt--30 {
    margin-top: 30px
}
.pt--30 {
    padding-top: 30px
}
.mb--30 {
    margin-bottom: 30px
}
.pb--30 {
    padding-bottom: 30px
}
.ml--30 {
    margin-left: 30px
}
.pl--30 {
    padding-left: 30px
}
.mr--30 {
    margin-right: 30px
}
.pr--30 {
    padding-right: 30px
}
.mt--40 {
    margin-top: 40px
}
.pt--40 {
    padding-top: 40px
}
.mb--40 {
    margin-bottom: 40px
}
.pb--40 {
    padding-bottom: 40px
}
.ml--40 {
    margin-left: 40px
}
.pl--40 {
    padding-left: 40px
}
.mr--40 {
    margin-right: 40px
}
.pr--40 {
    padding-right: 40px
}
.mt--50 {
    margin-top: 50px
}
.pt--50 {
    padding-top: 50px
}
.mb--50 {
    margin-bottom: 50px
}
.pb--50 {
    padding-bottom: 50px
}
.ml--50 {
    margin-left: 50px
}
.pl--50 {
    padding-left: 50px
}
.mr--50 {
    margin-right: 50px
}
.pr--50 {
    padding-right: 50px
}
.mt--60 {
    margin-top: 60px
}
.pt--60 {
    padding-top: 60px
}
.mb--60 {
    margin-bottom: 60px
}
.pb--60 {
    padding-bottom: 60px
}
.ml--60 {
    margin-left: 60px
}
.pl--60 {
    padding-left: 60px
}
.mr--60 {
    margin-right: 60px
}
.pr--60 {
    padding-right: 60px
}
.mt--70 {
    margin-top: 70px
}
.pt--70 {
    padding-top: 70px
}
.mb--70 {
    margin-bottom: 70px
}
.pb--70 {
    padding-bottom: 70px
}
.ml--70 {
    margin-left: 70px
}
.pl--70 {
    padding-left: 70px
}
.mr--70 {
    margin-right: 70px
}
.pr--70 {
    padding-right: 70px
}
.mt--80 {
    margin-top: 80px
}
.pt--80 {
    padding-top: 80px
}
.mb--80 {
    margin-bottom: 80px
}
.pb--80 {
    padding-bottom: 80px
}
.ml--80 {
    margin-left: 80px
}
.pl--80 {
    padding-left: 80px
}
.mr--80 {
    margin-right: 80px
}
.pr--80 {
    padding-right: 80px
}
.mt--90 {
    margin-top: 90px
}
.pt--90 {
    padding-top: 90px
}
.mb--90 {
    margin-bottom: 90px
}
.pb--90 {
    padding-bottom: 90px
}
.ml--90 {
    margin-left: 90px
}
.pl--90 {
    padding-left: 90px
}
.mr--90 {
    margin-right: 90px
}
.pr--90 {
    padding-right: 90px
}
.ma--0 {
    margin-left: 0;
    margin-right: 0
}
.pa--0 {
    padding-left: 0;
    padding-right: 0
}
.mx--0 {
    margin-left: 0;
    margin-right: 0
}
.px--0 {
    padding-left: 0;
    padding-right: 0
}
.my--0 {
    margin-bottom: 0;
    margin-top: 0
}
.py--0 {
    padding-bottom: 0;
    padding-top: 0
}
.ma--10 {
    margin-left: 10px;
    margin-right: 10px
}
.pa--10 {
    padding-left: 10px;
    padding-right: 10px
}
.mx--10 {
    margin-left: 10px;
    margin-right: 10px
}
.px--10 {
    padding-left: 10px;
    padding-right: 10px
}
.my--10 {
    margin-bottom: 10px;
    margin-top: 10px
}
.py--10 {
    padding-bottom: 10px;
    padding-top: 10px
}
.ma--20 {
    margin-left: 20px;
    margin-right: 20px
}
.pa--20 {
    padding-left: 20px;
    padding-right: 20px
}
.mx--20 {
    margin-left: 20px;
    margin-right: 20px
}
.px--20 {
    padding-left: 20px;
    padding-right: 20px
}
.my--20 {
    margin-bottom: 20px;
    margin-top: 20px
}
.py--20 {
    padding-bottom: 20px;
    padding-top: 20px
}
.ma--30 {
    margin-left: 30px;
    margin-right: 30px
}
.pa--30 {
    padding-left: 30px;
    padding-right: 30px
}
.mx--30 {
    margin-left: 30px;
    margin-right: 30px
}
.px--30 {
    padding-left: 30px;
    padding-right: 30px
}
.my--30 {
    margin-bottom: 30px;
    margin-top: 30px
}
.py--30 {
    padding-bottom: 30px;
    padding-top: 30px
}
.ma--40 {
    margin-left: 40px;
    margin-right: 40px
}
.pa--40 {
    padding-left: 40px;
    padding-right: 40px
}
.mx--40 {
    margin-left: 40px;
    margin-right: 40px
}
.px--40 {
    padding-left: 40px;
    padding-right: 40px
}
.my--40 {
    margin-bottom: 40px;
    margin-top: 40px
}
.py--40 {
    padding-bottom: 40px;
    padding-top: 40px
}
.ma--50 {
    margin-left: 50px;
    margin-right: 50px
}
.pa--50 {
    padding-left: 50px;
    padding-right: 50px
}
.mx--50 {
    margin-left: 50px;
    margin-right: 50px
}
.px--50 {
    padding-left: 50px;
    padding-right: 50px
}
.my--50 {
    margin-bottom: 50px;
    margin-top: 50px
}
.py--50 {
    padding-bottom: 50px;
    padding-top: 50px
}
.ma--60 {
    margin-left: 60px;
    margin-right: 60px
}
.pa--60 {
    padding-left: 60px;
    padding-right: 60px
}
.mx--60 {
    margin-left: 60px;
    margin-right: 60px
}
.px--60 {
    padding-left: 60px;
    padding-right: 60px
}
.my--60 {
    margin-bottom: 60px;
    margin-top: 60px
}
.py--60 {
    padding-bottom: 60px;
    padding-top: 60px
}
.ma--70 {
    margin-left: 70px;
    margin-right: 70px
}
.pa--70 {
    padding-left: 70px;
    padding-right: 70px
}
.mx--70 {
    margin-left: 70px;
    margin-right: 70px
}
.px--70 {
    padding-left: 70px;
    padding-right: 70px
}
.my--70 {
    margin-bottom: 70px;
    margin-top: 70px
}
.py--70 {
    padding-bottom: 70px;
    padding-top: 70px
}
.ma--80 {
    margin-left: 80px;
    margin-right: 80px
}
.pa--80 {
    padding-left: 80px;
    padding-right: 80px
}
.mx--80 {
    margin-left: 80px;
    margin-right: 80px
}
.px--80 {
    padding-left: 80px;
    padding-right: 80px
}
.my--80 {
    margin-bottom: 80px;
    margin-top: 80px
}
.py--80 {
    padding-bottom: 80px;
    padding-top: 80px
}
.ma--90 {
    margin-left: 90px;
    margin-right: 90px
}
.pa--90 {
    padding-left: 90px;
    padding-right: 90px
}
.mx--90 {
    margin-left: 90px;
    margin-right: 90px
}
.px--90 {
    padding-left: 90px;
    padding-right: 90px
}
.my--90 {
    margin-bottom: 90px;
    margin-top: 90px
}
.py--90 {
    padding-bottom: 90px;
    padding-top: 90px
}
.hero {
    width: 100%
}
.hero,
.hero-ttl {
    position: relative
}
.hero-ttl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 80%;
    transform: translate3d(-50%, -50%, 0);
    width: 65%;
    z-index: 1
}
.hero-ttl > * {
    flex-shrink: 0;
    max-width: 100%;
    width: 100%
}
.hero-ttl--main,
.hero-ttl--sub {
    display: block
}
.hero-ttl--main {
    letter-spacing: 0.08em
}
.hero-ttl--sub {
    letter-spacing: 0.1em
}
.hero-img {
    z-index: 0
}
.localnav {
    color: #613478;
    letter-spacing: 0.1em
}
.localnav__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.localnav__item {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%
}
.localnav__link {
    border: solid #613478;
    color: #613478;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}
.localnav__link > * {
    flex-shrink: 0;
    max-width: 100%;
    width: 100%
}
/*
.localnav__link:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTEiIHdpZHRoPSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE3IDEgOSA5IDEgMSIgc3Ryb2tlPSIjNjEzNDc4IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=") no-repeat 50%;
    background-size: 100% 100%;
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}
*/
.localnav__link {
    transition: none 0.6s cubic-bezier(0.215,.61,0.355,1);
    transition-property: background, color
}
.localnav__link:before {
    transition: none 0.6s cubic-bezier(0.215,.61,0.355,1);
    transition-property: background
}
:root .localnav__link:hover,
_:-ms-fullscreen:hover {
    background: #613478;
    color: #fff
}
:root .localnav__link:hover:before,
_:-ms-fullscreen:hover:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTEiIHdpZHRoPSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE3IDEgOSA5IDEgMSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=")
}
.prd {
    position: relative
}
.prd-kv {
    overflow: hidden
}
.prd-row {
    display: flex;
    flex-wrap: wrap;
    position: relative
}
.prd-row.is-sticky .prd-view {
    pointer-events: none;
    position: fixed;
    top: 0
}
.prd-row > * {
    flex-shrink: 0;
    max-width: 100%;
    width: 100%
}
.prd-reverse .prd-col--cts .prd-col__inner {
    margin-left: auto
}
.prd-ttl {
    color: #613478;
    font-family: Akkurat-Light;
    letter-spacing: 0.08em
}
.prd-ttl.clr-blk {
  color:#000;
}
.prd-lead {
    letter-spacing: 0.1em
}
.prd-list__items {
    color: #000;
    display: flex;
    flex-wrap: wrap;
    position: relative
}
.prd-list__items > * {
    flex-shrink: 0;
    max-width: 100%;
    width: 100%
}
.prd-list__item {
    flex: 0 0 auto;
    width: 50%
}
.prd-card {
    letter-spacing: 0.1em;
    position: relative
}
.prd-card__name a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: none 0.6s cubic-bezier(0.215,.61,0.355,1);
    transition-property: background;
    z-index: 1
}
:root .prd-card__name a:hover:after,
_:-ms-fullscreen:hover:after {
    background: hsla(0, 0%, 100%, 0.3)
}
.prd-list__actions {
    font-family: Akkurat-Bold;
    justify-content: center
}
.prd-list__actions,
.prd-more {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}
.prd-more {
    color: #000000;
    flex: 0 0 auto;
    transition: none 0.6s cubic-bezier(0.215,.61,0.355,1);
    transition-property: opacity;
    width: auto
}
:root .prd-more:hover,
_:-ms-fullscreen:hover {
    opacity: .7
}
.prd-more:before {
    background: url("../img/celestial/icn_arrow.svg") no-repeat 50%;
    background-size: 100% 100%;
    content: " ";
    display: block
}
@media(min-width:981px) {
    .lp-sns {
        padding: 12.70833vw 0 5.83333vw
    }
    .lp-sns__head {
        font-size: 18px;
        margin-right: 40px
    }
    .lp-sns__item+.lp-sns__item {
        margin-left: 40px
    }
    .lp-sns__ico {
        height: 38px;
        width: 38px
    }
    .tac--pc {
        text-align: center
    }
    .tal--pc {
        text-align: left
    }
    .tar--pc {
        text-align: right
    }
    .only--sp {
        display: none
    }
    .col--1--pc {
        flex: 0 0 auto;
        width: 8.33333%
    }
    .col--2--pc {
        flex: 0 0 auto;
        width: 16.66667%
    }
    .col--3--pc {
        flex: 0 0 auto;
        width: 25%
    }
    .col--4--pc {
        flex: 0 0 auto;
        width: 33.33333%
    }
    .col--5--pc {
        flex: 0 0 auto;
        width: 41.66667%
    }
    .col--6--pc {
        flex: 0 0 auto;
        width: 50%
    }
    .col--7--pc {
        flex: 0 0 auto;
        width: 58.33333%
    }
    .col--8--pc {
        flex: 0 0 auto;
        width: 66.66667%
    }
    .col--9--pc {
        flex: 0 0 auto;
        width: 75%
    }
    .col--10--pc {
        flex: 0 0 auto;
        width: 83.33333%
    }
    .col--11--pc {
        flex: 0 0 auto;
        width: 91.66667%
    }
    .col--12--pc {
        flex: 0 0 auto;
        width: 100%
    }
    .mt--0--pc {
        margin-top: 0
    }
    .pt--0--pc {
        padding-top: 0
    }
    .mb--0--pc {
        margin-bottom: 0
    }
    .pb--0--pc {
        padding-bottom: 0
    }
    .ml--0--pc {
        margin-left: 0
    }
    .pl--0--pc {
        padding-left: 0
    }
    .mr--0--pc {
        margin-right: 0
    }
    .pr--0--pc {
        padding-right: 0
    }
    .mt--10--pc {
        margin-top: 1rem
    }
    .pt--10--pc {
        padding-top: 1rem
    }
    .mb--10--pc {
        margin-bottom: 1rem
    }
    .pb--10--pc {
        padding-bottom: 1rem
    }
    .ml--10--pc {
        margin-left: 1rem
    }
    .pl--10--pc {
        padding-left: 1rem
    }
    .mr--10--pc {
        margin-right: 1rem
    }
    .pr--10--pc {
        padding-right: 1rem
    }
    .mt--20--pc {
        margin-top: 2rem
    }
    .pt--20--pc {
        padding-top: 2rem
    }
    .mb--20--pc {
        margin-bottom: 2rem
    }
    .pb--20--pc {
        padding-bottom: 2rem
    }
    .ml--20--pc {
        margin-left: 2rem
    }
    .pl--20--pc {
        padding-left: 2rem
    }
    .mr--20--pc {
        margin-right: 2rem
    }
    .pr--20--pc {
        padding-right: 2rem
    }
    .mt--30--pc {
        margin-top: 3rem
    }
    .pt--30--pc {
        padding-top: 3rem
    }
    .mb--30--pc {
        margin-bottom: 3rem
    }
    .pb--30--pc {
        padding-bottom: 3rem
    }
    .ml--30--pc {
        margin-left: 3rem
    }
    .pl--30--pc {
        padding-left: 3rem
    }
    .mr--30--pc {
        margin-right: 3rem
    }
    .pr--30--pc {
        padding-right: 3rem
    }
    .mt--40--pc {
        margin-top: 4rem
    }
    .pt--40--pc {
        padding-top: 4rem
    }
    .mb--40--pc {
        margin-bottom: 4rem
    }
    .pb--40--pc {
        padding-bottom: 4rem
    }
    .ml--40--pc {
        margin-left: 4rem
    }
    .pl--40--pc {
        padding-left: 4rem
    }
    .mr--40--pc {
        margin-right: 4rem
    }
    .pr--40--pc {
        padding-right: 4rem
    }
    .mt--50--pc {
        margin-top: 5rem
    }
    .pt--50--pc {
        padding-top: 5rem
    }
    .mb--50--pc {
        margin-bottom: 5rem
    }
    .pb--50--pc {
        padding-bottom: 5rem
    }
    .ml--50--pc {
        margin-left: 5rem
    }
    .pl--50--pc {
        padding-left: 5rem
    }
    .mr--50--pc {
        margin-right: 5rem
    }
    .pr--50--pc {
        padding-right: 5rem
    }
    .mt--60--pc {
        margin-top: 6rem
    }
    .pt--60--pc {
        padding-top: 6rem
    }
    .mb--60--pc {
        margin-bottom: 6rem
    }
    .pb--60--pc {
        padding-bottom: 6rem
    }
    .ml--60--pc {
        margin-left: 6rem
    }
    .pl--60--pc {
        padding-left: 6rem
    }
    .mr--60--pc {
        margin-right: 6rem
    }
    .pr--60--pc {
        padding-right: 6rem
    }
    .mt--70--pc {
        margin-top: 7rem
    }
    .pt--70--pc {
        padding-top: 7rem
    }
    .mb--70--pc {
        margin-bottom: 7rem
    }
    .pb--70--pc {
        padding-bottom: 7rem
    }
    .ml--70--pc {
        margin-left: 7rem
    }
    .pl--70--pc {
        padding-left: 7rem
    }
    .mr--70--pc {
        margin-right: 7rem
    }
    .pr--70--pc {
        padding-right: 7rem
    }
    .mt--80--pc {
        margin-top: 8rem
    }
    .pt--80--pc {
        padding-top: 8rem
    }
    .mb--80--pc {
        margin-bottom: 8rem
    }
    .pb--80--pc {
        padding-bottom: 8rem
    }
    .ml--80--pc {
        margin-left: 8rem
    }
    .pl--80--pc {
        padding-left: 8rem
    }
    .mr--80--pc {
        margin-right: 8rem
    }
    .pr--80--pc {
        padding-right: 8rem
    }
    .mt--90--pc {
        margin-top: 9rem
    }
    .pt--90--pc {
        padding-top: 9rem
    }
    .mb--90--pc {
        margin-bottom: 9rem
    }
    .pb--90--pc {
        padding-bottom: 9rem
    }
    .ml--90--pc {
        margin-left: 9rem
    }
    .pl--90--pc {
        padding-left: 9rem
    }
    .mr--90--pc {
        margin-right: 9rem
    }
    .pr--90--pc {
        padding-right: 9rem
    }
    .ma--0--pc {
        margin-left: 0;
        margin-right: 0
    }
    .pa--0--pc {
        padding-left: 0;
        padding-right: 0
    }
    .mx--0--pc {
        margin-left: 0;
        margin-right: 0
    }
    .px--0--pc {
        padding-left: 0;
        padding-right: 0
    }
    .my--0--pc {
        margin-bottom: 0;
        margin-top: 0
    }
    .py--0--pc {
        padding-bottom: 0;
        padding-top: 0
    }
    .ma--10--pc {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .pa--10--pc {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .mx--10--pc {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .px--10--pc {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .my--10--pc {
        margin-bottom: 10px;
        margin-top: 10px
    }
    .py--10--pc {
        padding-bottom: 10px;
        padding-top: 10px
    }
    .ma--20--pc {
        margin-left: 2rem;
        margin-right: 2rem
    }
    .pa--20--pc {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .mx--20--pc {
        margin-left: 2rem;
        margin-right: 2rem
    }
    .px--20--pc {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .my--20--pc {
        margin-bottom: 20px;
        margin-top: 20px
    }
    .py--20--pc {
        padding-bottom: 20px;
        padding-top: 20px
    }
    .ma--30--pc {
        margin-left: 3rem;
        margin-right: 3rem
    }
    .pa--30--pc {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .mx--30--pc {
        margin-left: 3rem;
        margin-right: 3rem
    }
    .px--30--pc {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .my--30--pc {
        margin-bottom: 30px;
        margin-top: 30px
    }
    .py--30--pc {
        padding-bottom: 30px;
        padding-top: 30px
    }
    .ma--40--pc {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .pa--40--pc {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .mx--40--pc {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .px--40--pc {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .my--40--pc {
        margin-bottom: 40px;
        margin-top: 40px
    }
    .py--40--pc {
        padding-bottom: 40px;
        padding-top: 40px
    }
    .ma--50--pc {
        margin-left: 5rem;
        margin-right: 5rem
    }
    .pa--50--pc {
        padding-left: 5rem;
        padding-right: 5rem
    }
    .mx--50--pc {
        margin-left: 5rem;
        margin-right: 5rem
    }
    .px--50--pc {
        padding-left: 5rem;
        padding-right: 5rem
    }
    .my--50--pc {
        margin-bottom: 50px;
        margin-top: 50px
    }
    .py--50--pc {
        padding-bottom: 50px;
        padding-top: 50px
    }
    .ma--60--pc {
        margin-left: 6rem;
        margin-right: 6rem
    }
    .pa--60--pc {
        padding-left: 6rem;
        padding-right: 6rem
    }
    .mx--60--pc {
        margin-left: 6rem;
        margin-right: 6rem
    }
    .px--60--pc {
        padding-left: 6rem;
        padding-right: 6rem
    }
    .my--60--pc {
        margin-bottom: 60px;
        margin-top: 60px
    }
    .py--60--pc {
        padding-bottom: 60px;
        padding-top: 60px
    }
    .ma--70--pc {
        margin-left: 7rem;
        margin-right: 7rem
    }
    .pa--70--pc {
        padding-left: 7rem;
        padding-right: 7rem
    }
    .mx--70--pc {
        margin-left: 7rem;
        margin-right: 7rem
    }
    .px--70--pc {
        padding-left: 7rem;
        padding-right: 7rem
    }
    .my--70--pc {
        margin-bottom: 70px;
        margin-top: 70px
    }
    .py--70--pc {
        padding-bottom: 70px;
        padding-top: 70px
    }
    .ma--80--pc {
        margin-left: 8rem;
        margin-right: 8rem
    }
    .pa--80--pc {
        padding-left: 8rem;
        padding-right: 8rem
    }
    .mx--80--pc {
        margin-left: 8rem;
        margin-right: 8rem
    }
    .px--80--pc {
        padding-left: 8rem;
        padding-right: 8rem
    }
    .my--80--pc {
        margin-bottom: 80px;
        margin-top: 80px
    }
    .py--80--pc {
        padding-bottom: 80px;
        padding-top: 80px
    }
    .ma--90--pc {
        margin-left: 9rem;
        margin-right: 9rem
    }
    .pa--90--pc {
        padding-left: 9rem;
        padding-right: 9rem
    }
    .mx--90--pc {
        margin-left: 9rem;
        margin-right: 9rem
    }
    .px--90--pc {
        padding-left: 9rem;
        padding-right: 9rem
    }
    .my--90--pc {
        margin-bottom: 90px;
        margin-top: 90px
    }
    .py--90--pc {
        padding-bottom: 90px;
        padding-top: 90px
    }
    .ancher-tg {
        margin-top: -18.353rem;
        padding-top: 18.353rem
    }
    .hero {

    }
    .hero-ttl {
      width: 430px;
      top:50%;
      left: 25%;
    }

    .intro {
      margin: 200px auto 250px;
    }
    .intro-area {

    }
    .intro .intro-area p {
      text-align: center;
      font-size: 1.11111vw;
      line-height: 2.5;
    }
    .localnav {
        font-family: Akkurat-Light;
        font-size: 1.11111vw;
        line-height: 1.25;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding: 4.51389vw 0 5.13889vw;
        width: 90.97222vw
    }
    .localnav__items {
        margin-left: 0;
        margin-right:0;
        margin-top: -0.69444vw
    }
    .localnav__item {
        margin-top: 0.69444vw;
        padding-left: 0.34722vw;
        padding-right: 0.34722vw;
        width: 20%
    }
    .localnav__link {
        border-width: 1px;
        height: 4.375vw;
        padding: 0.69444vw 1.18056vw
    }
    .localnav__link:before {
        height: 0.41667vw;
        right: 1.875vw;
        width: 0.69444vw
    }
    .prd {
        padding-top: 100vh
    }
    .prd+.prd {
        margin-top: 6.94444vw
    }
    .prd-kv {
        height: 100vh;
        position: absolute;
        top: 0;
        width: 91.66667vw
    }
    .prd-kv img {
        display: block;
        font-family: "object-fit:cover";
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
    .prd:not(.prd-reverse) .prd-kv {
        left: 0
    }
    .prd.prd-reverse .prd-kv {
        right: 0
    }
    .prd.is-sticky .prd-kv {
        position: fixed;
        top: 0
    }
    .prd:not(.prd-reverse).is-sticky .prd-kv {
        left: 0
    }
    .prd.prd-reverse.is-sticky .prd-kv {
        right: 0
    }
    .prd.prd-reverse.is-sticky.is-leave .prd-kv,
    .prd:not(.prd-reverse).is-sticky.is-leave .prd-kv {
        bottom: 0;
        position: absolute;
        top: inherit
    }
    .prd-reverse .prd-kv {
        margin-left: auto
    }
    .prd-row {
        padding-top: 100vh
    }
    .prd-row .prd-view {
        height: 100vh
    }
    .prd-row.is-sticky .prd-view {
        height: 100vh;
        width: 50%
    }
    .prd-row.is-sticky.is-leave .prd-view {
        align-self: flex-end;
        position: inherit;
        top: inherit;
        width: 100%
    }
    .prd-reverse .prd-row {
        flex-direction: row-reverse
    }
    .prd-col {
        flex: 0 0 auto;
        width: 50%
    }
    .prd-col__inner {
        display: flex;
        flex-wrap: wrap;
        height: 100%
    }
    .prd-col__inner > * {
        flex-shrink: 0;
        max-width: 100%;
        width: 100%
    }
    .prd-col--view .prd-col__inner {
        display: none
    }
    .prd-col--cts .prd-col__inner {
        padding: 5.20833vw 4.23611vw 10.13889vw;
        width: 41.66667vw
    }
    .prd-reverse .prd-col--cts .prd-col__inner {
        padding: 6.94444vw 8.47222vw 10.13889vw 0
    }
    .prd-ttl {
        font-size: 2.77778vw;
        line-height: 1.25
    }
    .prd-lead {
        font-size: 1.11111vw;
        line-height: 3.125;
        margin-top: 3.05556vw
    }
    .prd-list__items {
        margin-left: -2.01389vw;
        margin-right: -2.01389vw;
        margin-top: 6.66667vw
    }
    .prd-list__item {
        padding-left: 2.01389vw;
        padding-right: 2.01389vw
    }
    .prd-list__item:nth-child(n + 3) {
        margin-top: 2.08333vw
    }
    .prd-card {
        font-size: 1.04167vw;
        line-height: 1.66667
    }
    .prd-card__name {
        margin-top: 0.41667vw
    }
    .prd-list__actions {
        margin-top: 6.94444vw
    }
    .prd-more {
        font-size: 1.11111vw
    }
    .prd-more:before {
        height: 3.05556vw;
        margin-right: 1.38889vw;
        width: 3.05556vw
    }
    .prd .prd-kv {
        transition: width 1.25s cubic-bezier(0.4,0,0.2,1)
    }
    .prd.is-sticky .prd-kv {
        width: 50%
    }
}
@media(hover:hover) {
    .lp-sns__link:hover .lp-sns__ico,
    a:hover img {
        opacity: .7
    }
    .localnav__link:hover {
        background: #613478;
        color: #fff
    }
    .localnav__link:hover:before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTEiIHdpZHRoPSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE3IDEgOSA5IDEgMSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=")
    }
    .prd-card__name a:hover:after {
        background: hsla(0, 0%, 100%, 0.3)
    }
    .prd-more:hover {
        opacity: .7
    }
}
@media(hover:none) {
    a:active,
    a:focus {
        -webkit-tap-highlight-color: transparent
    }
    a:active img,
    a:focus img {
        opacity: .7
    }
    .lp-sns__link:active,
    .lp-sns__link:focus {
        -webkit-tap-highlight-color: transparent
    }
    .lp-sns__link:active .lp-sns__ico,
    .lp-sns__link:focus .lp-sns__ico {
        opacity: .7
    }
    .localnav__link:active,
    .localnav__link:focus {
        -webkit-tap-highlight-color: transparent;
        background: #613478;
        color: #fff
    }
    .localnav__link:active:before,
    .localnav__link:focus:before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTEiIHdpZHRoPSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE3IDEgOSA5IDEgMSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=")
    }
    .prd-card__name a:active,
    .prd-card__name a:focus {
        -webkit-tap-highlight-color: transparent
    }
    .prd-card__name a:active:after,
    .prd-card__name a:focus:after {
        background: hsla(0, 0%, 100%, 0.3)
    }
    .prd-more:active,
    .prd-more:focus {
        -webkit-tap-highlight-color: transparent;
        opacity: .7
    }
}
@media(max-width:980px) {
  .intro {
    margin: 100px auto 125px;
  }
  .intro-area {

  }
  .intro .intro-area p {
    text-align: center;
    font-size: 3.2vw;
    line-height: 2.08333;
  }
    .lp-sns {
        padding: 48.53333vw 0 20vw
    }
    .lp-sns__head {
        font-size: 3.73333vw;
        margin-right: 8vw
    }
    .lp-sns__item+.lp-sns__item {
        margin-left: 8vw
    }
    .lp-sns__ico {
        height: 7.46667vw;
        width: 7.46667vw
    }
    .tac--sp {
        text-align: center
    }
    .tal--sp {
        text-align: left
    }
    .tar--sp {
        text-align: right
    }
    .only--pc {
        display: none
    }
    .col--auto--pc,
    .col--auto--sp {
        flex: 0 0 auto;
        width: auto
    }
    .col--1--sp {
        flex: 0 0 auto;
        width: 8.33333%
    }
    .col--2--sp {
        flex: 0 0 auto;
        width: 16.66667%
    }
    .col--3--sp {
        flex: 0 0 auto;
        width: 25%
    }
    .col--4--sp {
        flex: 0 0 auto;
        width: 33.33333%
    }
    .col--5--sp {
        flex: 0 0 auto;
        width: 41.66667%
    }
    .col--6--sp {
        flex: 0 0 auto;
        width: 50%
    }
    .col--7--sp {
        flex: 0 0 auto;
        width: 58.33333%
    }
    .col--8--sp {
        flex: 0 0 auto;
        width: 66.66667%
    }
    .col--9--sp {
        flex: 0 0 auto;
        width: 75%
    }
    .col--10--sp {
        flex: 0 0 auto;
        width: 83.33333%
    }
    .col--11--sp {
        flex: 0 0 auto;
        width: 91.66667%
    }
    .col--12--sp {
        flex: 0 0 auto;
        width: 100%
    }
    .mt--0--sp {
        margin-top: 0
    }
    .pt--0--sp {
        padding-top: 0
    }
    .mb--0--sp {
        margin-bottom: 0
    }
    .pb--0--sp {
        padding-bottom: 0
    }
    .ml--0--sp {
        margin-left: 0
    }
    .pl--0--sp {
        padding-left: 0
    }
    .mr--0--sp {
        margin-right: 0
    }
    .pr--0--sp {
        padding-right: 0
    }
    .mt--10--sp {
        margin-top: 0.5rem
    }
    .pt--10--sp {
        padding-top: 0.5rem
    }
    .mb--10--sp {
        margin-bottom: 0.5rem
    }
    .pb--10--sp {
        padding-bottom: 0.5rem
    }
    .ml--10--sp {
        margin-left: 0.5rem
    }
    .pl--10--sp {
        padding-left: 0.5rem
    }
    .mr--10--sp {
        margin-right: 0.5rem
    }
    .pr--10--sp {
        padding-right: 0.5rem
    }
    .mt--20--sp {
        margin-top: 1rem
    }
    .pt--20--sp {
        padding-top: 1rem
    }
    .mb--20--sp {
        margin-bottom: 1rem
    }
    .pb--20--sp {
        padding-bottom: 1rem
    }
    .ml--20--sp {
        margin-left: 1rem
    }
    .pl--20--sp {
        padding-left: 1rem
    }
    .mr--20--sp {
        margin-right: 1rem
    }
    .pr--20--sp {
        padding-right: 1rem
    }
    .mt--30--sp {
        margin-top: 1.5rem
    }
    .pt--30--sp {
        padding-top: 1.5rem
    }
    .mb--30--sp {
        margin-bottom: 1.5rem
    }
    .pb--30--sp {
        padding-bottom: 1.5rem
    }
    .ml--30--sp {
        margin-left: 1.5rem
    }
    .pl--30--sp {
        padding-left: 1.5rem
    }
    .mr--30--sp {
        margin-right: 1.5rem
    }
    .pr--30--sp {
        padding-right: 1.5rem
    }
    .mt--40--sp {
        margin-top: 2rem
    }
    .pt--40--sp {
        padding-top: 2rem
    }
    .mb--40--sp {
        margin-bottom: 2rem
    }
    .pb--40--sp {
        padding-bottom: 2rem
    }
    .ml--40--sp {
        margin-left: 2rem
    }
    .pl--40--sp {
        padding-left: 2rem
    }
    .mr--40--sp {
        margin-right: 2rem
    }
    .pr--40--sp {
        padding-right: 2rem
    }
    .mt--50--sp {
        margin-top: 2.5rem
    }
    .pt--50--sp {
        padding-top: 2.5rem
    }
    .mb--50--sp {
        margin-bottom: 2.5rem
    }
    .pb--50--sp {
        padding-bottom: 2.5rem
    }
    .ml--50--sp {
        margin-left: 2.5rem
    }
    .pl--50--sp {
        padding-left: 2.5rem
    }
    .mr--50--sp {
        margin-right: 2.5rem
    }
    .pr--50--sp {
        padding-right: 2.5rem
    }
    .mt--60--sp {
        margin-top: 3rem
    }
    .pt--60--sp {
        padding-top: 3rem
    }
    .mb--60--sp {
        margin-bottom: 3rem
    }
    .pb--60--sp {
        padding-bottom: 3rem
    }
    .ml--60--sp {
        margin-left: 3rem
    }
    .pl--60--sp {
        padding-left: 3rem
    }
    .mr--60--sp {
        margin-right: 3rem
    }
    .pr--60--sp {
        padding-right: 3rem
    }
    .mt--70--sp {
        margin-top: 3.5rem
    }
    .pt--70--sp {
        padding-top: 3.5rem
    }
    .mb--70--sp {
        margin-bottom: 3.5rem
    }
    .pb--70--sp {
        padding-bottom: 3.5rem
    }
    .ml--70--sp {
        margin-left: 3.5rem
    }
    .pl--70--sp {
        padding-left: 3.5rem
    }
    .mr--70--sp {
        margin-right: 3.5rem
    }
    .pr--70--sp {
        padding-right: 3.5rem
    }
    .mt--80--sp {
        margin-top: 4rem
    }
    .pt--80--sp {
        padding-top: 4rem
    }
    .mb--80--sp {
        margin-bottom: 4rem
    }
    .pb--80--sp {
        padding-bottom: 4rem
    }
    .ml--80--sp {
        margin-left: 4rem
    }
    .pl--80--sp {
        padding-left: 4rem
    }
    .mr--80--sp {
        margin-right: 4rem
    }
    .pr--80--sp {
        padding-right: 4rem
    }
    .mt--90--sp {
        margin-top: 4.5rem
    }
    .pt--90--sp {
        padding-top: 4.5rem
    }
    .mb--90--sp {
        margin-bottom: 4.5rem
    }
    .pb--90--sp {
        padding-bottom: 4.5rem
    }
    .ml--90--sp {
        margin-left: 4.5rem
    }
    .pl--90--sp {
        padding-left: 4.5rem
    }
    .mr--90--sp {
        margin-right: 4.5rem
    }
    .pr--90--sp {
        padding-right: 4.5rem
    }
    .ma--0--sp {
        margin-left: 0;
        margin-right: 0
    }
    .pa--0--sp {
        padding-left: 0;
        padding-right: 0
    }
    .mx--0--sp {
        margin-left: 0;
        margin-right: 0
    }
    .px--0--sp {
        padding-left: 0;
        padding-right: 0
    }
    .my--0--sp {
        margin-bottom: 0;
        margin-top: 0
    }
    .py--0--sp {
        padding-bottom: 0;
        padding-top: 0
    }
    .ma--10--sp {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }
    .pa--10--sp {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
    .mx--10--sp {
        margin-left: 0.5rem;
        margin-right: 0.5rem
    }
    .px--10--sp {
        padding-left: 0.5rem;
        padding-right: 0.5rem
    }
    .my--10--sp {
        margin-bottom: 10px;
        margin-top: 10px
    }
    .py--10--sp {
        padding-bottom: 10px;
        padding-top: 10px
    }
    .ma--20--sp {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .pa--20--sp {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .mx--20--sp {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .px--20--sp {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .my--20--sp {
        margin-bottom: 20px;
        margin-top: 20px
    }
    .py--20--sp {
        padding-bottom: 20px;
        padding-top: 20px
    }
    .ma--30--sp {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
    .pa--30--sp {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .mx--30--sp {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
    .px--30--sp {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .my--30--sp {
        margin-bottom: 30px;
        margin-top: 30px
    }
    .py--30--sp {
        padding-bottom: 30px;
        padding-top: 30px
    }
    .ma--40--sp {
        margin-left: 2rem;
        margin-right: 2rem
    }
    .pa--40--sp {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .mx--40--sp {
        margin-left: 2rem;
        margin-right: 2rem
    }
    .px--40--sp {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .my--40--sp {
        margin-bottom: 40px;
        margin-top: 40px
    }
    .py--40--sp {
        padding-bottom: 40px;
        padding-top: 40px
    }
    .ma--50--sp {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
    .pa--50--sp {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .mx--50--sp {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
    .px--50--sp {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .my--50--sp {
        margin-bottom: 50px;
        margin-top: 50px
    }
    .py--50--sp {
        padding-bottom: 50px;
        padding-top: 50px
    }
    .ma--60--sp {
        margin-left: 3rem;
        margin-right: 3rem
    }
    .pa--60--sp {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .mx--60--sp {
        margin-left: 3rem;
        margin-right: 3rem
    }
    .px--60--sp {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .my--60--sp {
        margin-bottom: 60px;
        margin-top: 60px
    }
    .py--60--sp {
        padding-bottom: 60px;
        padding-top: 60px
    }
    .ma--70--sp {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }
    .pa--70--sp {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
    .mx--70--sp {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }
    .px--70--sp {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
    .my--70--sp {
        margin-bottom: 70px;
        margin-top: 70px
    }
    .py--70--sp {
        padding-bottom: 70px;
        padding-top: 70px
    }
    .ma--80--sp {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .pa--80--sp {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .mx--80--sp {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .px--80--sp {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .my--80--sp {
        margin-bottom: 80px;
        margin-top: 80px
    }
    .py--80--sp {
        padding-bottom: 80px;
        padding-top: 80px
    }
    .ma--90--sp {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }
    .pa--90--sp {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
    .mx--90--sp {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }
    .px--90--sp {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
    .my--90--sp {
        margin-bottom: 90px;
        margin-top: 90px
    }
    .py--90--sp {
        padding-bottom: 90px;
        padding-top: 90px
    }
    .ancher-tg {
        margin-top: -3.985rem;
        padding-top: 3.985rem
    }
    .hero {

    }
    .hero-ttl {

    }

    .localnav {
        font-family: Akkurat-Bold;
        font-size: 2.4vw;
        line-height: 1.27778;
        padding: 5.6vw 0 10.66667vw
    }
    .localnav__items {
        margin-left: -1.33333vw;
        margin-right: -1.33333vw;
        margin-top: -2.66667vw
    }
    .localnav__item {
        margin-top: 2.66667vw;
        padding-left: 1.33333vw;
        padding-right: 1.33333vw;
        width: 30%
    }
    .localnav__link {
        border-width: 0.26667vw;
        height: 10.66667vw;
        padding: 1.33333vw 1.6vw
    }
    .localnav__link:before {
        height: 1.33333vw;
        right: 4vw;
        width: 2.13333vw
    }
    .prd+.prd {
        margin-top: 32.26667vw
    }
    .prd-kv {
        display: none
    }
    .prd-row .prd-view {
        height: 66.66667vw;
        width: 100vw
    }
    .prd-row.is-sticky .prd-view {
        height: 100vh
    }
    .prd-row.is-sticky.is-leave .prd-view {
        bottom: 0;
        position: absolute;
        top: inherit;
        width: 100%
    }
    .prd-col--view {
        height: 66.66667vw;
        width: 100vw;
        z-index: 1
    }
    .prd-col--view .prd-col__inner {
        height: 66.66667vw;
        width: 100%
    }
    .prd-col--cts {
        position: relative;
        z-index: 0
    }
    .prd-col--cts .prd-col__inner {
        padding: 9.86667vw 5.33333vw 0
    }
    .prd-ttl {
        font-size: 6.66667vw;
        line-height: 1.26
    }
    .prd-lead {
        font-size: 3.2vw;
        line-height: 2.08333;
        margin-top: 8vw
    }
    .prd-list__items {
        margin-left: -1.06667vw;
        margin-right: -1.06667vw;
        margin-top: 4.4vw
    }
    .prd-list__item {
        padding-left: 2.66667vw;
        padding-right: 2.66667vw
    }
    .prd-list__item:nth-child(n + 3) {
        margin-top: 9.86667vw
    }
    .prd-card {
        font-size: 2.66667vw;
        line-height: 1.65
    }
    .prd-card__thumb {
        height: 40.40267vw;
        width: 40.40267vw
    }
    .prd-card__name {
        margin-top: 3.46667vw
    }
    .prd-list__actions {
        margin-top: 14.13333vw
    }
    .prd-more {
        font-size: 3.2vw
    }
    .prd-more:before {
        height: 8vw;
        margin-right: 3.2vw;
        width: 8vw
    }
}