@charset "UTF-8";
@import"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

@keyframes scroll-hint-appear {
    0% {
        transform: translateX(40px);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50%,
    100% {
        transform: translateX(-40px);
        opacity: 0
    }
}

.scroll-hint.is-right-scrollable {
    background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, transparent 16px, transparent)
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, transparent 16px, transparent), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, transparent 16px, transparent)
}

.scroll-hint.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, transparent 16px, transparent)
}

.scroll-hint-icon {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 60px);
    box-sizing: border-box;
    width: 120px;
    height: 80px;
    border-radius: 5px;
    transition: opacity .3s;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 20px 10px 10px
}

.scroll-hint-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none
}

.scroll-hint-text {
    font-size: 10px;
    color: #FFF;
    margin-top: 5px
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: .8
}

.scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=)
}

.scroll-hint-icon:after {
    content: "";
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
    opacity: 0;
    transition-delay: 2.4s
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    animation: scroll-hint-appear 1.2s linear;
    animation-iteration-count: 2
}

.scroll-hint-icon-white {
    background-color: #FFF;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .4)
}

.scroll-hint-icon-white:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=)
}

.scroll-hint-icon-white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==)
}

.scroll-hint-icon-white .scroll-hint-text {
    color: #000
}

:root {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%
}

audio:not([controls]) {
    display: none
}

button {
    overflow: visible
}

details {
    display: block
}

input[type=number] {
    width: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

main {
    display: block
}

summary {
    display: block
}

pre {
    overflow: auto
}

progress {
    display: inline-block
}

small {
    font-size: 75%
}

template {
    display: none
}

textarea {
    overflow: auto
}

[hidden] {
    display: none
}

*,
:before,
:after {
    box-sizing: inherit
}

* {
    font-size: inherit;
    line-height: inherit
}

:before,
:after {
    text-decoration: inherit;
    vertical-align: inherit
}

*,
:before,
:after {
    border-style: solid;
    border-width: 0
}

* {
    margin: 0;
    padding: 0
}

:root {
    box-sizing: border-box;
    cursor: default;
    font: 100%/1.5 sans-serif;
    text-rendering: optimizeLegibility
}

html {
    background-color: #FFF;
    color: #000
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

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

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

textarea {
    resize: vertical
}

::selection {
    background-color: #b3d4fc;
    color: #4c2b03;
    text-shadow: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

[hidden][aria-hidden=false] {
    clip: rect(0 0 0 0);
    display: inherit;
    position: absolute
}

[hidden][aria-hidden=false]:focus {
    clip: auto
}

html {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: YakuHanJP, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.75;
    word-break: break-all;
    width: 100%;
    min-height: 100vh;
    background: #FFF;
    color: #3c3c3c
}

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

img {
    max-width: 100%;
    height: auto
}

ul:not([class]),
ol:not([class]) {
    padding-left: 1.5em;
    margin-top: 1em
}

a {
    color: #3c3c3c;
    text-decoration: none;
    transition: opacity .5s
}

a:hover {
    opacity: .6
}

p+p {
    margin-top: 1em
}

.l-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 9rem);
    overflow-x: hidden
}

.l-inner {
    margin: 0 auto
}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #e9ebee
}

.l-container {
    margin: 0 auto
}

.l-main {
    position: relative;
    margin-bottom: 5rem
}

.l-main.-tac {
    margin: 0 auto 5rem
}

.l-sidebar {
    padding: 1em
}

.l-footer {
    margin-top: auto
}

.l-inner-narrow {
    width: 800px;
    margin: 0 auto
}

.l-inner-narrow.-left {
    margin: inherit
}

.l-admin {
    background-color: #f0f2f5
}

.l-admin-container {
    display: flex;
    min-height: 100vh
}

.l-admin-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 240px;
    height: 100%;
    background: #fff;
    box-shadow: .25rem 0 .625rem #e4e7ed
}

.l-admin-main {
    min-width: calc(100% - 240px);
    margin-left: 240px
}

.c-text-center {
    text-align: center
}

.c-pt-1 {
    padding-top: 1em
}

.c-pt-2 {
    padding-top: 1.5em
}

.c-pt-3 {
    padding-top: 2em
}

.c-pt-4 {
    padding-top: 2.5em
}

.c-pt-5 {
    padding-top: 3em
}

.js-acTrigger {
    position: relative;
    cursor: pointer
}

.js-acKey {
    position: relative
}

.js-acKey:after {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    display: inline-block;
    font-family: fontAwesome, sans-serif;
    font-style: normal;
    font-weight: 400;
    content: "\f067";
    line-height: 1;
    color: #ccc
}

.js-acKey.is-active:after {
    content: "\f068"
}

.js-acTarget {
    display: none;
    cursor: pointer
}

.js-acTarget.is-active {
    display: block
}

.js-acTrigger.is-active .js-acKey:after {
    content: "\f068"
}

.article-pagination {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin-top: 3rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    font-size: .875em
}

.article-pagination__item {
    font-weight: 700
}

.article-pagination__item>a {
    text-decoration: none
}

.article-pagination__item.-previous>a:before {
    padding-right: 1rem;
    display: inline-block;
    line-height: 1;
    font-family: fontAwesome, sans-serif;
    font-style: normal;
    font-weight: 400;
    content: "\f104"
}

.article-pagination__item.-next>a:after {
    padding-left: 1rem;
    display: inline-block;
    line-height: 1;
    font-family: fontAwesome, sans-serif;
    font-style: normal;
    font-weight: 400;
    content: "\f105"
}

.c-breadcrumbs {
    padding: 1em 0;
    font-size: .8571428571em;
    background-color: #f6f6f6
}

.c-breadcrumbs__inner {
    width: 1152px;
    padding: 0 1em;
    margin: 0 auto
}

.c-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.c-breadcrumbs__list>li:last-child {
    font-weight: 700
}

.c-breadcrumbs a:after {
    display: inline-block;
    line-height: 1;
    font-family: fontAwesome, sans-serif;
    font-style: normal;
    font-weight: 400;
    content: "\f105";
    padding: 0 1em;
    color: #999
}

.c-btn {
    display: inline-block;
    padding: 1.25em 2em;
    border-radius: .25em;
    background-color: #3c3c3c;
    color: #FFF
}

.c-btn--primary {
    background-color: #97bc2b
}

.c-btn--secondary {
    background-color: #ff7389
}

.c-flex {
    display: flex
}

.c-flex.-wrap {
    flex-wrap: wrap
}

.c-gmap {
    margin-top: 2em;
    width: 100%;
    height: 400px
}

.c-gmap iframe {
    width: 100%;
    aspect-ratio: 2/1
}

.c-grid {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none
}

.c-grid__item--1of12 {
    width: 8.3333333333%;
    padding: 1.1428571429em
}

.c-grid__item--2of12 {
    width: 16.6666666667%;
    padding: 1.1428571429em
}

.c-grid__item--3of12 {
    width: 25%;
    padding: 1.1428571429em
}

.c-grid__item--4of12 {
    width: 33.3333333333%;
    padding: 1.1428571429em
}

.c-grid__item--5of12 {
    width: 41.6666666667%;
    padding: 1.1428571429em
}

.c-grid__item--6of12 {
    width: 50%;
    padding: 1.1428571429em
}

.c-grid__item--7of12 {
    width: 58.3333333333%;
    padding: 1.1428571429em
}

.c-grid__item--8of12 {
    width: 66.6666666667%;
    padding: 1.1428571429em
}

.c-grid__item--9of12 {
    width: 75%;
    padding: 1.1428571429em
}

.c-grid__item--10of12 {
    width: 83.3333333333%;
    padding: 1.1428571429em
}

.c-grid__item--11of12 {
    width: 91.6666666667%;
    padding: 1.1428571429em
}

.c-grid__item--12of12 {
    width: 100%;
    padding: 1.1428571429em
}

.c-heading-lv1 {
    font-weight: 700;
    line-height: 1.5
}

.c-heading-lv2 {
    font-weight: 700
}

.c-heading-lv2.-border {
    padding-left: .25em;
    border-left: .4285714286em solid
}

.c-list {
    list-style: disc;
    padding-left: 1em
}

.c-list-asterisk li {
    position: relative
}

.c-list-asterisk li:before {
    content: "※"
}

.c-tab__trigger {
    background-color: #ff7389;
    border-top: 2px solid transparent;
    color: #FFF;
    transition: all .3s;
    cursor: pointer;
    border-right: 1px solid #FFF
}

.c-tab__trigger.is-active {
    background-color: #fff;
    border-top: 2px solid #ff7389;
    color: #ff7389;
    cursor: default
}

.c-tab__trigger-primary {
    background-color: #97bc2b
}

.c-tab__trigger-primary.is-active {
    border-top: 2px solid #97bc2b;
    color: #97bc2b
}

.c-tab__target {
    display: block;
    padding-top: 3em
}

.c-text-xxs {
    font-size: .625em
}

.c-text-xs {
    font-size: .75em
}

.c-text-s {
    font-size: .875em
}

.c-text-m {
    font-size: 1.125em
}

.c-text-l {
    font-size: 1.25em
}

.c-text-xl {
    font-size: 1.5em
}

.c-text-2xl {
    font-size: 1.75em
}

.c-text-3xl {
    font-size: 2em
}

.c-w1-3 {
    width: 33%
}

.p-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.p-header__brand>a {
    display: flex;
    align-items: center
}

.p-header__logo {
    line-height: 1
}

.p-header__logo>img {
    width: 100%
}

.p-header__desc {
    line-height: 1;
    padding-left: 1em;
    font-size: .875em
}

.p-gnav__list {
    display: flex
}

.p-gnav__item {
    position: relative;
    padding: 0 1em;
    font-weight: 700
}

.p-gnav__link.-btn {
    padding: .5em 1em;
    background-color: #ff7389;
    color: #FFF;
    border-radius: 3px
}

.p-gnav__sub {
    left: -.5rem;
    white-space: nowrap;
    background-color: #FFF;
    padding: 1rem 1.5rem
}

.p-gnav__sub-item {
    position: relative
}

.p-gnav__sub-item:not(:last-child) {
    margin-bottom: .5em
}

.p-gnav__item.-hasChild:hover .p-gnav__sub {
    visibility: visible;
    opacity: 1
}

.p-hero {
    position: relative
}

.p-hero__bg {
    text-align: center
}

.p-hero__bg img {
    width: 100%;
    height: auto
}

.p-hero__main {
    top: 0
}

.p-footer {
    padding: 3em 0;
    background: #3c3c3c
}

.p-footer__inner {
    margin: 0 auto;
    color: #FFF
}

.p-footer-nav__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.p-footer-nav__item {
    position: relative;
    font-size: 13px
}

.p-footer-nav__item:not(:last-child):after {
    padding: 0 1em;
    content: "|";
    color: #FFF
}

.p-footer-nav__item>a {
    color: #fff
}

.p-footer__copyright {
    padding-top: 3em;
    text-align: center;
    font-size: 12px
}

.p-tab__trigger {
    padding: 1em 0;
    background-color: #ff7389;
    border-top: 2px solid transparent;
    color: #FFF;
    transition: all .3s;
    cursor: pointer
}

.p-tab__trigger.is-active {
    border-top: 2px solid #ff7389;
    background-color: #fff;
    color: #ff7389;
    cursor: default
}

.p-tab__target {
    display: block
}

.p-page__head {
    margin-bottom: 2em
}

.p-staff-card {
    display: flex;
    justify-content: space-between;
    padding: 2em;
    border: 1px solid #ccc;
    border-top: .5em solid #e2ba74;
    border-radius: 8px
}

.p-staff-card:not(:first-child) {
    margin-top: 1.5em
}

.p-staff-card__thumb {
    width: 160px
}

.p-staff-card__thumb>img {
    width: 166px;
    height: 166px;
    object-fit: cover;
    border-radius: 50%
}

.p-staff-card__body {
    width: 80%
}

.p-staff-card__name {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    font-weight: 700
}

.p-staff-card__name>._kanji {
    font-size: 1.5em
}

.p-staff-card__name>._kana {
    padding-left: 1em;
    font-size: .875em
}

.p-staff-card__table {
    width: 100%
}

.p-staff-card__table tr {
    border-bottom: 1px solid #eee
}

.p-staff-card__table th {
    width: 20%;
    padding: 1em;
    vertical-align: top;
    text-align: left
}

.p-staff-card__table td {
    padding: 1em;
    width: 80%
}

.p-staff-card__text {
    margin-top: 1em
}

.p-badge {
    display: inline-block;
    margin: .1em 0;
    padding: .2em 1em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1.25;
    background-color: #FFF;
    border: 2px solid #e2ba74;
    border-radius: .25em;
    color: #e2ba74
}

.p-badge.-secondary {
    background-color: #ff7389;
    border: 1px solid #ff7389;
    color: #fff
}

.p-gym-report-card {
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.p-gym-report-card__thumb {
    width: 27%
}

.p-gym-report-card__body {
    width: 73%;
    padding: 0 1em;
    font-weight: 700
}

.p-voice-card-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.p-voice-card-wrap:after {
    content: "";
    display: block;
    width: 30%
}

.p-voice-card {
    width: 30%;
    padding: 2em;
    border-top: .5em solid #e2ba74;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 8px
}

.p-voice-card__head {
    display: flex;
    align-items: center;
    margin-bottom: 1em
}

.p-voice-card__data {
    width: 70%;
    padding-left: 1em
}

.p-voice-card__name {
    font-size: .875em
}

.p-voice-card__store-name {
    font-size: 1.125em;
    line-height: 1.5
}

.p-voice-card__thumb {
    width: 30%
}

.p-voice-card__thumb>img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #CCC
}

.p-course-card {
    padding: 2em;
    border-top: .5em solid #e2ba74;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.p-course-card:not(:first-child) {
    margin-top: 1.5em
}

.p-course-card__title {
    margin-bottom: 1em;
    font-size: 24px;
    font-weight: 700
}

.p-course-card-training {
    display: flex;
    margin-bottom: 1.5em
}

.p-course-card-training__title {
    margin-right: 2em;
    font-size: .875em;
    font-weight: 700
}

.p-course-card__table {
    width: 100%;
    border: 1px solid #ebebeb
}

.p-course-card__table thead {
    background: #ebebeb
}

.p-course-card__table th {
    padding: .5em 1em;
    text-align: center
}

.p-course-card__table th:not(:last-child) {
    border-right: 1px solid #fff
}

.p-course-card__table td {
    padding: .5em 1em;
    text-align: center;
    font-weight: 700;
    color: #e2ba74
}

.p-course-card__table td:not(:last-child) {
    border-right: 1px solid #ebebeb
}

.p-course-card__content {
    padding-top: 1.5em
}

.p-voice-card-w {
    padding: 2em;
    border-top: .5em solid #e2ba74;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.p-voice-card-w:not(:first-child) {
    margin-top: 1.5em
}

.p-gym-tag {
    padding: .5em;
    font-size: .875em;
    background-color: #f7f7f7;
    border: 1px solid #e7e7e8;
    color: #bcbcbc;
    text-align: center
}

.p-gym-tag.is-active {
    background-color: #ff8498;
    border-color: #ff8498;
    color: #FFF
}

.p-blog__inner {
    width: 768px;
    margin: 0 auto
}

.p-blog__mv img {
    width: 100%
}

.p-blog__head {
    padding: 1.5em 0
}

.p-blog__ttl {
    font-size: 1.5rem;
    font-weight: 700
}

.splide {
    margin: 0 auto
}

.thumbnail {
    overflow: hidden;
    list-style: none;
    cursor: pointer;
    opacity: .3
}

.thumbnail.is-active {
    opacity: 1
}

.thumbnail img {
    width: 100%;
    height: auto
}

.p-storeSlider {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative
}

.p-storeSliderMain {
    margin: 0;
    width: 60%
}

.p-storeSlider__thumbnails {
    width: 40%;
    padding-left: 1em
}

.p-form__item {
    padding: .8571428571em 0;
    margin-bottom: .5714285714em
}

.p-form__item:nth-child(odd) {
    background-color: #f6f6f6
}

.p-form__row {
    padding: 1rem 0;
    line-height: 1.5
}

.p-form__key {
    display: flex;
    align-items: center;
    font-weight: 700
}

.p-form__value {
    margin-top: .5em
}

.p-form__required {
    padding: .5em 1em;
    border-radius: 3px;
    font-size: .8125em;
    background: #ff7389;
    color: #FFF;
    margin-right: .5em;
    white-space: nowrap
}

.p-form__required.-non {
    background-color: #ccc
}

.p-form__btns {
    display: flex;
    justify-content: center
}

.p-form__btn {
    padding: .5em 3em;
    background: #97bc2b;
    border-radius: 3px;
    color: #FFF;
    border: none
}

.p-form__btn.-back {
    background: #ccc
}

.mw_wp_form input[name="__children[agree][]"]+.error {
    display: inline;
    padding-right: .5em
}

.p-section__title {
    padding-bottom: 1em;
    border-bottom: 1px solid
}

.p-admin-sidebarHead {
    padding: 1rem 2rem
}

.p-admin-sidebarBody {
    padding: 1.5rem
}

.p-aNavMainMenu {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.p-aNavMainMenu__link {
    display: block;
    padding: .5rem 1.5rem;
    font-size: .875rem;
    font-weight: 700
}

.p-aNavSubMenu {
    padding-left: 3rem;
    background-color: #f6f7f9
}

.p-aNavSubMenu__item {
    padding: .5em 0
}

.p-aNavSubMenu__link {
    padding: .25rem 0;
    font-size: .875rem;
    font-weight: 700
}

.p-aNavIcon {
    color: #a3aab2;
    margin-right: .5rem;
    width: 1.5em
}

.p-adminMain {
    padding: 1.5rem
}

.p-adminMain__title {
    font-size: 1.5em;
    font-weight: 700
}

.p-adminTable {
    width: 100%
}

.p-adminTable thead {
    font-size: .875rem
}

.p-block {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(220, 225, 232, .5), 0 1px 2px rgba(220, 225, 232, .5)
}

.p-block--rounded {
    border-radius: .875rem 1rem
}

.p-block__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: .875rem 1.625rem;
    transition: opacity .2s ease-out
}

.p-block__header--default {
    background-color: #f6f7f9
}

.p-block__content {
    width: 100%;
    margin: 0 auto;
    padding: 2rem
}

.p-grid {
    display: grid;
    gap: 1em
}

.p-grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.p-grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.p-card {
    background: #FFF
}

.p-card.-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16)
}

.p-card.-radius {
    border-radius: .25em
}

.p-card__body {
    padding: 1em
}

.p-card__title {
    font-weight: 700
}

.p-column__head {
    margin-bottom: 3em;
    padding: 1em 0;
    border-bottom: 1px solid
}

.p-column__head-date {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 700
}

.p-column__title {
    font-weight: 700
}

.p-column__title-badge {
    padding: .5em;
    border-radius: .25em;
    font-weight: 700;
    background-color: #ff7389;
    color: #FFF
}

.p-column__title-text {
    display: block
}

.p-column-lead__title {
    margin-bottom: 1em;
    font-weight: 700
}

.p-column-point__title {
    margin-bottom: 1em;
    font-weight: 700;
    padding: .5em;
    background: #ff7389;
    color: #FFF
}

.p-column__body {
    margin-top: 2.5em
}

.p-column-store {
    padding: 3em;
    background-color: #f5f5f5
}

.p-column-store__head {
    text-align: center
}

.p-column-store__head>._fukidashi {
    position: relative;
    display: inline-block;
    padding: .5em 3em;
    border-radius: 3em;
    font-weight: 700;
    background-color: #FFF;
    filter: drop-shadow(0 3px 6px rgba(255, 115, 138, .24))
}

.p-column-store__head>._fukidashi:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: #fff transparent transparent
}

.p-column-store__head>._title {
    display: block;
    margin-top: 1em;
    padding: 1em 0;
    border-top: 3px solid #ff7389;
    border-bottom: 3px solid #ff7389;
    font-weight: 700;
    text-align: center
}

.p-columnStore-item {
    margin-top: 3em;
    padding: 2em;
    border-radius: .5em;
    background-color: #FFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .16)
}

.p-columnStore-item__title {
    margin-bottom: .5em;
    color: #e2ba74
}

.p-columnStore-item__box {
    margin-top: 2em
}

.p-columnStore-item__subtitle {
    margin-bottom: .5em;
    padding-left: .5em;
    border-left: 6px solid #ff7389;
    font-weight: 700
}

.p-columnStore-item__table {
    width: 100%;
    border: 1px solid #CCC
}

.p-columnStore-item__table th {
    width: 30%;
    text-align: left;
    padding: .5em;
    background: #f8f8f8;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}

.p-columnStore-item__table td {
    width: 70%;
    padding: .5em;
    border-bottom: 1px solid #CCC
}

.p-column-list__title {
    font-weight: 700;
    margin-bottom: .25em
}

.p-column-list__table {
    width: 100%
}

.p-column-list__table th {
    padding: .25em 1em;
    background-color: #ff7389;
    color: #FFF;
    text-align: left
}

.p-column-list__table th:not(:last-child) {
    border-right: 1px solid #FFF
}

.p-column-list__table tbody tr {
    border-bottom: 1px solid #e7e7e7
}

.p-column-list__table tbody td {
    padding: .25em 1em;
    background-color: #FFF
}

.p-column-list__table tbody td:not(:last-child) {
    border-right: 1px solid #eee
}

.table-container {
    overflow-x: scroll
}

.p-scroll-table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.p-scroll-table th,
.p-scroll-table td {
    white-space: nowrap
}

.p-coupon {
    padding: 1em;
    background: #FFF
}

.p-outline {
    margin-top: 2em;
    background-color: #f8f8f8
}

.p-outline-list {
    margin-top: 1em;
    font-size: 1.125em
}

.p-outline-list__item {
    padding: .25em 0
}

.p-outline-list__item:before {
    content: "-";
    color: #e2ba74
}

.p-outline-list__item>a {
    color: #e2ba74;
    text-decoration: underline
}

.p-outline-list__item.-all {
    margin-top: .5em
}

.p-outline-list__item.-all:before {
    content: "";
    display: inline-block;
    line-height: 1;
    font-family: fontAwesome, sans-serif;
    font-style: normal;
    font-weight: 400;
    content: "\f107"
}

.p-writer-info {
    display: flex;
    padding: 1rem;
    margin-top: 2rem;
    border: 2px solid #ccc
}

.p-writer-info__thumb {
    width: 160px;
    text-align: center;
    margin: 0 auto
}

.p-writer-info__thumb>img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 50%
}

.p-writer-info__name {
    padding-top: 1em;
    font-size: 1rem;
    font-weight: 700
}

.p-writer-info__body {
    padding-left: 2em;
    width: calc(100% - 160px)
}

.p-writer-info__ttl {
    font-size: 1.2857142857em;
    font-weight: 700;
    line-height: 1.25;
    border-left: 6px solid;
    padding-left: 4px
}

.p-writer-info__text {
    padding-top: 1em
}

.p-cashback {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.p-cashback-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 22%;
    padding: 1em 1.5em;
    border: 1px solid
}

.p-cashback-item:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid
}

.p-cashback-item:last-of-type:after {
    content: none
}

.p-cashback-item__title {
    font-size: 20px;
    font-weight: 700
}

.p-cashback-item__body {
    margin-top: 1em
}

.pg-topMenu {
    background-color: #f9efe0
}

.pg-topMenu__list {
    display: grid;
    gap: 1em
}

.pg-topMenu__link {
    display: block;
    padding: 1em;
    background-color: #FFF;
    border: 2px solid #97bc2b;
    border-radius: .5em
}

.pg-topMenu__icon {
    width: 5em;
    margin: 0 auto
}

.pg-topMenu__text {
    padding-top: 1em;
    font-weight: 700;
    line-height: 1.5;
    text-align: center
}

.pg-top-section {
    padding: 3em 0
}

.pg-top-section__body {
    padding-top: 3em
}

.pg-top-title {
    padding-bottom: 1em;
    border-bottom: 1px solid
}

.pg-search-index {
    display: flex;
    justify-content: center;
    width: 70%;
    margin: 0 auto;
    position: relative
}

.table__container {
    width: 100%;
    overflow-x: scroll
}

.table__container::-webkit-scrollbar {
    height: 10px
}

.table__container::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #eee;
    border-radius: 5px
}

.table__container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc
}

.table__container table {
    width: 250%
}

.table__container table tr td:nth-child(1) {
    width: 15%
}

.table__container table tr td:nth-child(2) {
    width: 10%
}

.table__container table tr td:nth-child(3) {
    width: 30%
}

.table__container table tr td:nth-child(4) {
    width: 20%
}

.table__container table tr td:nth-child(5) {
    width: 30%
}

.wp-pagenavi {
    padding: 1rem 0;
    text-align: left
}

.wp-pagenavi span,
.wp-pagenavi a {
    display: inline-block;
    margin: 4px;
    line-height: 1;
    text-decoration: none;
    color: #3c3c3c;
    padding: .75rem .875rem;
    border-radius: 3px
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: #3c3c3c
}

.wp-pagenavi span.current,
.wp-pagenavi span:hover,
.wp-pagenavi a.current,
.wp-pagenavi a:hover {
    color: #ccc;
    background: #3c3c3c
}

.p-search__row {
    display: flex;
    flex-wrap: wrap
}

.p-search__row:first-child {
    border-top: 1px solid #DDD
}

.p-search__key {
    width: 15%;
    padding: 1rem;
    font-weight: 700;
    background-color: #f3f4f6;
    border-bottom: 1px solid #ddd
}

.p-search__value {
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    border-bottom: 1px solid #ddd
}

.p-search__item {
    width: 25%
}

.search-box {
    display: flex;
    flex-direction: column
}

.mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0
}

.mw_wp_form .horizontal-item {
    margin-left: inherit;
    margin-right: 20px;
    display: inline-block
}

.p-filter__notion {
    padding-top: 1em;
    text-align: center;
    font-size: 1.25em
}

input[type=text]::placeholder {
    color: #ccc
}

input[type=email]::placeholder {
    color: #ccc
}

textarea::placeholder {
    color: #ccc
}

#agreebox .mwform-checkbox-field-text {
    display: none
}

#agreebox .horizontal-item {
    margin-right: 5px
}

@media screen and (min-width: 768px) {
    body {
        font-size: 14px
    }

    .l-inner {
        max-width: 1040px
    }

    .l-container {
        width: 82.2857142857em;
        padding: 4.5714285714em 1.1428571429em
    }

    .l-container--flex {
        display: flex;
        justify-content: space-between
    }

    .l-container--under {
        padding-top: 5rem
    }

    .l-main {
        width: 70%
    }

    .l-main--wide {
        width: 100%
    }

    .l-main--md {
        width: 70%
    }

    .l-main--narrow {
        width: 55%
    }

    .l-sidebar {
        width: 25%
    }

    .c-btn--md {
        width: 24.7142857143em
    }

    .c-heading-lv1 {
        font-size: 1.8571428571em
    }

    .c-heading-lv2 {
        font-size: 1.4285714286em
    }

    .p-header {
        padding: 1.5em 1em
    }

    .p-header__logo {
        width: 12.5vw
    }

    .p-gnav__item {
        font-size: 1.09375vw
    }

    .p-gnav__sub {
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        position: absolute;
        transition: all .2s ease
    }

    .search-text {
        display: none
    }

    .p-hero__main {
        position: absolute;
        padding: 6em
    }

    .p-footer__inner {
        max-width: 1040px
    }

    .p-menuBtn {
        display: none
    }

    .p-column__head-date {
        font-size: .9285714286em
    }

    .p-column__title {
        font-size: 2em
    }

    .p-column__title-badge {
        font-size: .5em
    }

    .p-column-lead__title {
        font-size: 1.7142857143em
    }

    .p-column-point__title {
        font-size: 1.2857142857em
    }

    .p-column-store__head>._fukidashi {
        font-size: 1.2857142857em
    }

    .p-column-store__head>._title {
        font-size: 1.8571428571em
    }

    .p-columnStore-item__title {
        font-size: 2em
    }

    .p-columnStore-item__subtitle {
        font-size: 1.4285714286em
    }

    .p-column-list__title {
        font-size: 1.7142857143em
    }

    .p-outline {
        padding: 2em
    }

    .p-cashback-item:after {
        border-width: 1.25em 0 1.25em 1.25em;
        border-color: transparent transparent transparent #ccc;
        position: absolute;
        right: -1.25em;
        top: 50%;
        transform: translateY(-50%)
    }

    .pg-topMenu {
        padding: 10em 0 4em
    }

    .pg-topMenu__inner {
        width: 1020px;
        margin: 0 auto
    }

    .pg-topMenu__list {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .pg-topMenu__text>._ttl {
        font-size: 1.125em
    }

    .pg-search-index {
        margin-top: 10%
    }

    .u-sp {
        display: none
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 3.2vw;
        line-height: 1.75
    }

    .l-wrapper {
        min-height: calc(100vh - 176px)
    }

    .l-container--flex {
        padding: 0 1em
    }

    .l-container--under {
        padding-top: 1.5rem
    }

    .l-main--wide {
        padding: 0 1em
    }

    .l-main--narrow {
        width: 100%;
        padding: 0 1em
    }

    .l-inner-narrow {
        width: 100%
    }

    .article-pagination {
        font-size: .75em
    }

    .c-btn--md {
        width: 80%
    }

    .c-grid {
        flex-direction: column
    }

    .c-grid__item--1of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--1of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--2of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--2of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--3of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--3of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--4of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--4of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--5of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--5of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--6of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--6of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--7of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--7of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--8of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--8of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--9of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--9of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--10of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--10of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--11of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--11of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-grid__item--12of12 {
        width: 100%;
        padding: 0
    }

    .c-grid__item--12of12:not(:first-child) {
        padding-top: 2.1333333333vw
    }

    .c-heading-lv1 {
        font-size: 5.3333333333vw
    }

    .c-heading-lv2 {
        font-size: 4.2666666667vw
    }

    .c-w1-3 {
        width: 100%
    }

    .p-header {
        padding: 0 1em;
        height: 17.0666666667vw
    }

    .p-header__logo {
        width: 32vw
    }

    .p-header__desc {
        display: none
    }

    .p-header__nav {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #FFF;
        z-index: 100
    }

    .p-header__nav.is-active {
        display: block
    }

    .p-gnav {
        padding: 16vw 1em 0
    }

    .p-gnav__list {
        flex-direction: column;
        justify-content: center
    }

    .p-gnav__item {
        font-size: 4.2666666667vw;
        margin: 0;
        padding: .5em;
        border-bottom: 1px solid #97bc2b
    }

    .p-gnav__item.-store {
        padding: 1em 0;
        border-bottom: 0
    }

    .p-gnav__link.-btn {
        width: 80%;
        padding: 1em;
        border-radius: 8vw;
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .p-gnav__item.-hasChild {
        border-bottom: 1px solid #97bc2b
    }

    .p-gnav__item.-hasChild>.p-gnav__link {
        color: #97bc2b;
        font-size: 4.8vw
    }

    .p-gnav__sub {
        padding: .5em 1em;
        border-top: 1px solid #97bc2b
    }

    .p-gnav__sub-item:not(:last-child) {
        margin-bottom: 0
    }

    .p-gnav__sub-item {
        padding: .25em 0
    }

    .p-gnav__sub-item:before {
        position: absolute;
        left: -1em;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        content: "";
        width: 3.2vw;
        height: 1px;
        background-color: #3c3c3c;
        margin-right: .25em
    }

    .search-text {
        display: inline-block;
        width: 12.8vw;
        margin-left: 1.3333333333vw
    }

    .p-hero__bg {
        display: none
    }

    .p-footer-nav__item {
        padding-bottom: 1.5em
    }

    .p-footer-nav__item:not(:last-child):after {
        padding: 0 1.5em
    }

    .p-menuBtn {
        position: fixed;
        top: 0;
        right: 0;
        width: 17.0666666667vw;
        height: 17.0666666667vw;
        background: #3c3c3c;
        text-align: center;
        z-index: 100
    }

    .p-menuBtn>span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 8.5333333333vw;
        height: 1px;
        background: #FFF;
        transition: .3s
    }

    .p-menuBtn>span:nth-child(1) {
        margin-top: -2.1333333333vw
    }

    .p-menuBtn>span:nth-child(3) {
        margin-top: 2.1333333333vw
    }

    .p-menuBtn.is-active>span:nth-child(1) {
        transform: rotate(135deg) translateX(-50%) translateY(-50%);
        transform-origin: 0;
        margin-top: 0
    }

    .p-menuBtn.is-active>span:nth-child(2) {
        background: transparent
    }

    .p-menuBtn.is-active>span:nth-child(3) {
        transform: rotate(-135deg) translateX(-50%) translateY(-50%);
        transform-origin: 0;
        margin-top: 0
    }

    .p-staff-card {
        flex-direction: column;
        padding: 2em 1em
    }

    .p-staff-card__thumb {
        width: 50%;
        margin: 0 auto
    }

    .p-staff-card__body {
        width: 100%
    }

    .p-staff-card__name {
        justify-content: center
    }

    .p-staff-card__table {
        display: block
    }

    .p-staff-card__table tbody {
        display: block
    }

    .p-staff-card__table tr {
        display: block
    }

    .p-staff-card__table th {
        display: block;
        width: 100%;
        padding-bottom: 0
    }

    .p-staff-card__table td {
        display: block;
        width: 100%
    }

    .p-voice-card {
        width: 100%
    }

    .p-voice-card:not(:last-child) {
        margin-bottom: 1.5em
    }

    .p-course-card-training {
        display: block
    }

    .p-course-card__table {
        font-size: 11px
    }

    .p-gym-tag {
        font-size: .8125em
    }

    .p-blog__inner {
        width: 100%
    }

    .thumbnails {
        display: flex;
        margin: 1rem auto 0;
        padding: 0;
        justify-content: center
    }

    .p-storeSlider {
        display: block
    }

    .p-storeSliderMain {
        width: 100%
    }

    .p-storeSlider__thumbnails {
        width: 100%
    }

    .p-form__key {
        width: 100%
    }

    .p-form__value {
        width: 100%;
        padding-top: 1em
    }

    .p-grid--sp-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .p-column__head {
        display: block
    }

    .p-column__title {
        font-size: 4.2666666667vw
    }

    .p-column__title-badge {
        font-size: 3.2vw
    }

    .p-column__title-text {
        margin-top: .25em
    }

    .p-column-lead__title {
        font-size: 4.2666666667vw
    }

    .p-column-store {
        padding: 3em .5em
    }

    .p-column-store__head>._title {
        font-size: 1.25em
    }

    .p-columnStore-item {
        padding: 1em
    }

    .p-columnStore-item__title {
        font-size: 1.5em
    }

    .p-columnStore-item__subtitle {
        font-size: 1.25em
    }

    .p-column-list__title {
        font-size: 1.25em
    }

    .p-outline {
        padding: 2em
    }

    .p-writer-info {
        display: block;
        padding: 1rem;
        width: 80%;
        margin: 2rem auto 0
    }

    .p-writer-info__thumb {
        width: 80px
    }

    .p-writer-info__thumb>img {
        width: 80px;
        height: 80px
    }

    .p-writer-info__body {
        margin-top: 2em;
        padding-left: 0;
        width: 100%
    }

    .p-cashback {
        display: block
    }

    .p-cashback-item {
        width: 100%;
        margin-bottom: 10%
    }

    .p-cashback-item:after {
        position: absolute;
        bottom: -1.25em;
        border-width: 1.25em 1.25em 0;
        border-color: #ccc transparent transparent
    }

    .pg-topMenu__inner {
        width: 100%;
        padding: 2em 1em
    }

    .pg-topMenu__list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .pg-topMenu__link.-salon {
        order: 7
    }

    .pg-topMenu__link.-golf {
        order: 8
    }

    .pg-topMenu__text {
        font-size: .625em
    }

    .pg-top-section {
        padding: 3em 1em
    }

    .pg-search-index {
        width: 100%;
        margin: 40% auto 0
    }
}

@media screen and (max-width:767px) {
    .p-search__row {
        display: block
    }

    .p-search__key {
        width: 100%
    }

    .p-search__value {
        width: 100%;
        padding: 1rem 0;
        font-size: 12px
    }

    .p-search__item {
        width: 50%
    }
}

/*# sourceMappingURL=style.css.map */

.p-label-text {
	font-size: 1.25em;
}

footer#footer {
   margin-left: 216px;
}


.artwork-detail {
    width: 100%;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.artwork-detail tr {
    border-bottom: 1px solid #ccc;
}
.artwork-detail th,
.artwork-detail td {
    padding: .5em;
}
.artwork-detail th {
    background-color: #eee;
}

.p-header {
    background: #586777;
    color: #FFF;
}
@media screen and (max-width:768px) {
        .c-btn {
                padding: 1em;
        }

}
body {
	line-height:1.5;
}
.p-header__title {
	font-size: 1.25rem;
}
@media screen and (max-width:768px){
	footer#footer {
		display:none;
	}
}