@charset "UTF-8";
/* common-wood.css - genere depuis common.css par substitution de palette.
   Ne pas editer a la main : common.css reste la source (theme bleu d'origine).
   Repasser au bleu = rebrancher common.css dans index.html. */
abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,ol,p,pre,q,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,video {
    margin: 0;
    padding: 0;
    border: 0
}

body,html {
    width: 100%;
    overflow-x: hidden;
    position: relative
}

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

input,select {
    vertical-align: middle
}

a {
    margin: 0;
    padding: 0
}

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

body,html {
    font-family: "Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #241c16
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400;
    color: #241c16
}

h1,h2,h3,h4 {
    line-height: 1.5;
    letter-spacing: 2.24px
}

h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 1.43rem;
    letter-spacing: 2.24px
}

@media screen and (min-width: 768px) {
    h2 {
        font-size:2.29rem;
        letter-spacing: 2px
    }
}

h3 {
    font-size: 1.13rem
}

h4,h5,h6 {
    font-size: 1rem
}

p {
    line-height: 2;
    margin-top: 1rem;
    letter-spacing: .4px;
    font-weight: 400;
    text-align: justify
}

@media screen and (min-width: 768px) {
    p {
        font-size:1.1429rem
    }
}

p:first-of-type {
    margin-top: 0
}

.myfont {
    font-family: "Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif
}

.myfont::before {
    font-family: icon
}

body,html {
    color: #241c16;
    background-color: #f5f1ea
}

::-moz-selection {
    background: #241c16;
    color: #fff
}

::selection {
    background: #241c16;
    color: #fff
}

a:link,a:visited {
    color: #8a5a2b
}

ol,ul {
    list-style: none
}

li {
    padding: 4px 0
}

@media screen and (min-width: 768px) {
    li {
        font-size:1.1429rem
    }
}

img {
    max-width: 100%
}

.c-global-nav {
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: -105vw;
    padding-top: calc(104px - 16px);
    padding-bottom: 256px;
    width: 100vw;
    height: 100vh;
    mix-blend-mode: difference;
    z-index: 350;
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-global-nav.is-opened {
    left: 0
}

.c-global-nav.is-overlay {
    opacity: .9;
    mix-blend-mode: normal;
    background: transparent linear-gradient(162deg,#3a2a1e 0,#241c16 100%) 0 0 no-repeat padding-box;
    z-index: 349
}

@media screen and (min-width: 768px) {
    .c-global-nav {
        display:flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 768px) {
    .c-global-nav__section {
        width:50%
    }

    .c-global-nav__section:first-child {
        margin-top: 56px
    }

    .c-global-nav__section:nth-child(2) {
        margin-top: 32px
    }
}

@media screen and (min-width: 768px) {
    .c-global-nav__section.is-full-width {
        width:100%
    }
}

.c-global-nav__target {
    display: flex;
    align-items: center;
    margin-top: 24px;
    color: #e8cdb6;
    letter-spacing: .8px;
    transform: scale(1);
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-global-nav__target:link,.c-global-nav__target:visited {
    color: #e8cdb6;
    text-decoration: none
}

.c-global-nav__target:hover {
    color: #fff;
    transform: scale(1.1)
}

@media screen and (min-width: 768px) {
    .c-global-nav__target {
        display:inline-flex;
        margin-top: 16px;
        letter-spacing: 1px;
        padding: 12px 0;
        font-size: 1.29rem
    }
}

.c-global-nav__target::before {
    margin-right: 24px;
    font-size: 1.71rem
}

@media screen and (min-width: 768px) {
    .c-global-nav__target::before {
        margin-right:24px;
        transform: translate(0,1px)
    }
}

.c-global-nav__target.is-secret {
    color: #000;
    -webkit-animation-name: sneak-peek;
    animation-name: sneak-peek;
    -webkit-animation-duration: 22.2222s;
    animation-duration: 22.2222s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.c-global-nav__target.is-secret.is-active,.c-global-nav__target.is-secret:hover {
    color: #e8cdb6;
    opacity: 1!important
}

@-webkit-keyframes sneak-peek {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    95% {
        opacity: 1;
        color: #e8cdb6
    }

    100% {
        opacity: 0
    }
}

@keyframes sneak-peek {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    95% {
        opacity: 1;
        color: #e8cdb6
    }

    100% {
        opacity: 0
    }
}

.c-global-nav-switcher,.c-global-nav-switcher__h {
    color: #e8cdb6
}

.c-global-nav-switcher__h {
    margin-top: 64px;
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .c-global-nav-switcher__h {
        font-size:1.29rem
    }
}

.c-global-nav-switcher__p {
    font-size: 1rem;
    margin-top: 24px!important;
    line-height: 2;
    font-weight: 300
}

@media screen and (min-width: 768px) {
    .c-global-nav-switcher__p {
        font-weight:300
    }
}

.c-global-nav-switcher__item-group {
    display: flex;
    flex-wrap: wrap
}

.c-global-nav-switcher__item {
    margin-top: 32px;
    margin-right: 32px;
    width: 80px
}

.c-global-nav-switcher__name {
    font-size: .86rem
}

.c-global-nav-switcher__item .c-global-nav-switcher__button {
    position: relative;
    width: 88px;
    height: 88px;
    margin-top: 8px;
    background-color: #e8cdb6;
    border-radius: 6px;
    border: none;
    opacity: .8;
    cursor: pointer;
    transform: scale(1);
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-global-nav-switcher__item .c-global-nav-switcher__button:hover {
    background-color: #fff;
    transform: scale(1.02)
}

.c-global-nav-switcher__item .c-global-nav-switcher__button::before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    border-color: #241c16
}

.c-global-nav-switcher__item .c-global-nav-switcher__button.is-top-left::before {
    border-top: 4px solid;
    border-left: 4px solid;
    top: 16px;
    left: 16px
}

.c-global-nav-switcher__item .c-global-nav-switcher__button.is-top-right::before {
    border-top: 4px solid;
    border-right: 4px solid;
    top: 16px;
    right: 16px
}

.c-global-nav-switcher__item .c-global-nav-switcher__button.is-bottom-left::before {
    border-bottom: 4px solid;
    border-left: 4px solid;
    bottom: 16px;
    left: 16px
}

.c-global-nav-switcher__item .c-global-nav-switcher__button.is-bottom-right::before {
    border-bottom: 4px solid;
    border-right: 4px solid;
    bottom: 16px;
    right: 16px
}

.c-global-nav-trigger {
    position: fixed;
    display: flex;
    cursor: pointer;
    top: 0;
    left: 0;
    align-items: center;
    padding: 16px;
    min-width: 104px;
    min-height: 54px;
    font-weight: 700;
    color: #fff;
    border: none;
    outline: 0;
    background-color: rgba(255,255,255,0);
    z-index: 351;
    transform: rotate(0) translate(0,0)
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger {
        padding:48px;
        font-size: 1.1429rem;
        min-width: 192px
    }
}

.c-global-nav-trigger::before {
    font-size: 18px;
    margin-right: 8px;
    transform: rotate(0) translate(0,0);
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger::before {
        font-size:24px;
        margin-right: 14px
    }
}

.c-global-nav-trigger::after {
    content: "MENU"
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger:hover {
        background-color:#241c16
    }

    .c-global-nav-trigger:hover::before {
        transform: rotate(-48deg) translate(0,0)
    }

    .c-global-nav-trigger:hover::after {
        content: "OPEN"
    }
}

.c-global-nav-trigger.is-loaded {
    mix-blend-mode: difference;
    color: #e8cdb6;
    transition: all .4s
}

.c-global-nav-trigger.is-opened::after {
    content: "CLOSE"
}

.c-global-nav-trigger.is-top-left {
    top: 0;
    left: 0
}

.c-global-nav-trigger.is-top-right {
    top: 0;
    left: calc(100% - 104px)
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger.is-top-right {
        left:calc(100% - 192px)
    }
}

.c-global-nav-trigger.is-bottom-left {
    top: calc(100% - 54px);
    left: 0
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger.is-bottom-left {
        top:calc(100% - 120px)
    }
}

.c-global-nav-trigger.is-bottom-right {
    top: calc(100% - 54px);
    left: calc(100% - 104px)
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger.is-bottom-right {
        top:calc(100% - 120px);
        left: calc(100% - 192px)
    }
}

.c-global-nav-trigger-lang {
    position: fixed;
    display: flex;
    top: 0;
    right: 0;
    align-items: stretch;
    padding: 0;
    transition: all .4s;
    z-index: 351
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger-lang {
        padding:0 36px
    }
}

.c-global-nav-trigger-lang.is-loaded {
    mix-blend-mode: difference
}

.c-global-nav-trigger-lang.is-top-left {
    top: 0;
    right: calc(100% - 104px)
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger-lang.is-top-left {
        right:calc(100% - 154px)
    }
}

.c-global-nav-trigger-lang.is-top-right {
    top: 0;
    right: 0
}

.c-global-nav-trigger-lang.is-bottom-left {
    top: calc(100% - 54px);
    right: calc(100% - 104px)
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger-lang.is-bottom-left {
        top:calc(100% - 120px);
        right: calc(100% - 154px)
    }
}

.c-global-nav-trigger-lang.is-bottom-right {
    top: calc(100% - 54px);
    right: 0
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger-lang.is-bottom-right {
        top:calc(100% - 120px)
    }
}

.c-global-nav-trigger-lang .c-global-nav-trigger-lang__target {
    display: block;
    padding: 16px;
    font-weight: 700;
    text-align: center;
    border: none;
    outline: 0;
    color: #fff;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    min-height: 54px
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger-lang .c-global-nav-trigger-lang__target {
        padding:48px 12px;
        font-size: 1.1429rem
    }
}

@media screen and (min-width: 768px) {
    .c-global-nav-trigger-lang .c-global-nav-trigger-lang__target:hover {
        color:#e8cdb6;
        background-color: #241c16
    }
}

.c-global-nav-trigger-lang .c-global-nav-trigger-lang__target.is-loaded {
    color: #e8cdb6;
    transition: all .4s
}

.c-global-nav-trigger-lang .c-global-nav-trigger-lang__target.is-not-current {
    cursor: pointer
}

.c-global-nav-trigger-lang .c-global-nav-trigger-lang__target.is-current {
    pointer-events: none
}

#awwwards {
    right: -100%;
    transition: right .8s
}

#awwwards.is-opened {
    right: 0
}

.c-container {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .c-container {
        padding-left:10%;
        padding-right: 10%
    }
}

.c-container.is-small {
    padding-left: 10%;
    padding-right: 10%
}

.c-section {
    margin-top: 96px
}

@media screen and (min-width: 768px) {
    .c-section {
        margin-top:232px
    }
}

.c-hero {
    position: relative;
    width: 100%;
    height: 100vh
}

.c-hero.js-loader {
    position: fixed;
    top: 0;
    background: transparent linear-gradient(133deg,#3a2a1e 0,#1a120c 100%) 0 0 no-repeat padding-box;
    z-index: 400;
    opacity: .9
}

.c-hero.js-loader .c-hero-h {
    color: #e8cdb6
}

.c-hero-h {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    text-align: center;
    color: #fff;
    z-index: 2;
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-hero-h__title {
    position: relative;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 1;
    min-height: 32px;
    width: 100%;
    transform: translateX(16px);
    transition: all 1s
}

.c-hero-h__title.is-loaded {
    transform: translateX(0)
}

@media screen and (min-width: 768px) {
    .c-hero-h__title {
        transform:translateX(20px)
    }
}

.c-hero-h__icon {
    font-size: 1.6rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    transition: all 1s;
    transform: translateX(-60px)
}

@media screen and (min-width: 768px) {
    .c-hero-h__icon {
        transform:translateX(-80px);
        font-size: 2.1rem
    }
}

.c-hero-h__icon.is-ja {
    transform: translateX(-44px)
}

@media screen and (min-width: 768px) {
    .c-hero-h__icon.is-ja {
        transform:translateX(-60px)
    }
}

.c-hero-h__icon::before {
    display: block;
    transform: translateY(2px)
}

@media screen and (min-width: 768px) {
    .c-hero-h__icon::before {
        transform:translateY(4px)
    }
}

.c-hero-h__icon.is-loaded {
    opacity: 0;
    transform: translateX(0)
}

.c-hero-h__text {
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 1s
}

@media screen and (min-width: 768px) {
    .c-hero-h__text {
        font-size:1.43rem
    }
}

.c-hero-h__en {
    font-size: 1.43rem;
    font-weight: 400;
    letter-spacing: 3.2px;
    margin: 12px 0 4px 0
}

@media screen and (min-width: 768px) {
    .c-hero-h__en {
        font-size:2.86rem;
        margin-top: 32px;
        margin-bottom: 8px
    }
}

.c-hero-h__ja {
    font-size: 1.14rem;
    font-weight: 400;
    letter-spacing: 1.8px
}

@media screen and (min-width: 768px) {
    .c-hero-h__ja {
        font-size:1.71rem
    }
}

.c-hero__scroll-down a {
    position: absolute;
    bottom: 24px;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: swiper-icons;
    left: calc(50% - 12px);
    transform: rotate(90deg) scale(1);
    letter-spacing: 0;
    line-height: 1;
    font-size: 8px;
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-hero__scroll-down a:hover {
    transform: scale(1.2) rotate(90deg)
}

.c-hero__scroll-down a:link {
    text-decoration: none
}

.c-hero__scroll-down a::after {
    content: "next"
}

@media screen and (min-width: 768px) {
    .c-hero__scroll-down a {
        bottom:48px;
        width: 36px;
        height: 36px
    }
}

.c-hero-h__loading {
    position: absolute;
    display: block;
    width: 100%;
    margin: auto;
    bottom: -64px;
    letter-spacing: 1.2px;
    -webkit-animation-name: loadingAnimation;
    animation-name: loadingAnimation;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes loadingAnimation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes loadingAnimation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.c-heading-h2 {
    position: relative;
    width: 100vw;
    height: 100vh
}

.c-heading-with-icon {
    text-align: center
}

.c-heading-with-icon::after {
    content: "";
    display: block;
    background: no-repeat center top/contain url(../images/common/icons/icon_grain_4.svg);
    width: 72px;
    height: 6px;
    margin: 16px auto 0
}

@media screen and (min-width: 768px) {
    .c-heading-with-icon::after {
        margin-top:24px;
        width: 76px
    }
}

.c-heading-with-icon.is-light::after {
    background-image: url(../images/common/icons/icon_grain_4-white.svg)
}

.c-heading-name {
    line-height: 1
}

.c-heading-name__title {
    font-size: .71rem;
    letter-spacing: .6px
}

@media screen and (min-width: 1024px) {
    .c-heading-name__title {
        font-size:1.43rem
    }
}

.c-heading-name__l {
    font-size: 1.43rem;
    letter-spacing: 1.6px;
    margin-top: 16px
}

@media screen and (min-width: 1024px) {
    .c-heading-name__l {
        font-size:2.86rem;
        letter-spacing: 3.2px;
        margin-top: 48px
    }
}

.c-heading-name__s {
    font-size: .86rem;
    font-weight: 300;
    letter-spacing: .8px;
    margin-top: 12px
}

@media screen and (min-width: 1024px) {
    .c-heading-name__s {
        font-size:1.71rem;
        letter-spacing: 1.6px;
        margin-top: 24px
    }
}

.c-site-logo {
    position: fixed;
    display: flex;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    padding: 16px;
    min-width: 56px;
    min-height: 56px;
    border-radius: 50%;
    z-index: 350
}

.c-site-logo:hover {
    background-color: #241c16
}

.c-site-logo.is-loaded {
    mix-blend-mode: difference;
    transition: all .4s
}

@media screen and (min-width: 768px) {
    .c-site-logo {
        padding:34px;
        min-width: 106px;
        min-height: 106px
    }
}

.c-site-logo__img {
    display: block
}

.c-site-logo__img.is-blend-mode {
    mix-blend-mode: difference
}

.c-button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

.c-button-group.is-al {
    justify-content: start
}

.c-button-group .c-button {
    margin: 8px
}

.c-button {
    display: inline-block;
    background-color: transparent
}

button.c-button {
    border: none;
    padding: 0;
    background-color: transparent
}

.c-button input,input.c-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.c-button__target,.c-button__target:active,.c-button__target:link,.c-button__target:visited,.cur .c-button {
    text-decoration: none;
    color: #241c16;
    background-color: transparent;
    display: inline-block;
    align-items: center;
    padding: 16px 24px;
    font-size: .86rem;
    line-height: 1.5;
    color: #241c16;
    border: 1px solid #241c16;
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-button__target::before,.c-button__target:active::before,.c-button__target:link::before,.c-button__target:visited::before,.cur .c-button::before {
    font-size: 1.14rem;
    color: #241c16;
    margin-right: 6px;
    display: inline-block;
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-button__target.is-hover,.c-button__target:active.is-hover,.c-button__target:active:hover,.c-button__target:hover,.c-button__target:link.is-hover,.c-button__target:link:hover,.c-button__target:visited.is-hover,.c-button__target:visited:hover,.cur .c-button.is-hover,.cur .c-button:hover {
    color: #fff;
    background-color: #241c16
}

.c-button__target.is-hover::before,.c-button__target:active.is-hover::before,.c-button__target:active:hover::before,.c-button__target:hover::before,.c-button__target:link.is-hover::before,.c-button__target:link:hover::before,.c-button__target:visited.is-hover::before,.c-button__target:visited:hover::before,.cur .c-button.is-hover::before,.cur .c-button:hover::before {
    color: #fff;
    transform: rotate(-45deg)
}

@media screen and (min-width: 768px) {
    .c-button__target,.c-button__target:active,.c-button__target:link,.c-button__target:visited,.cur .c-button {
        font-size:1rem
    }
}

.c-button__target.myfont {
    display: flex;
    flex-direction: row;
    align-items: center
}

.c-button.is-light .c-button__target,.c-button.is-light .c-button__target:active,.c-button.is-light .c-button__target:link,.c-button.is-light .c-button__target:visited,.c-button.is-light.c-button__target,.c-button.is-light.c-button__target:active,.c-button.is-light.c-button__target:link,.c-button.is-light.c-button__target:visited {
    color: #fff;
    border-color: #fff
}

.c-button.is-light .c-button__target::before,.c-button.is-light .c-button__target:active::before,.c-button.is-light .c-button__target:link::before,.c-button.is-light .c-button__target:visited::before,.c-button.is-light.c-button__target::before,.c-button.is-light.c-button__target:active::before,.c-button.is-light.c-button__target:link::before,.c-button.is-light.c-button__target:visited::before {
    color: #fff
}

.c-button.is-light .c-button__target:active:hover,.c-button.is-light .c-button__target:hover,.c-button.is-light .c-button__target:link:hover,.c-button.is-light .c-button__target:visited:hover,.c-button.is-light.c-button__target:active:hover,.c-button.is-light.c-button__target:hover,.c-button.is-light.c-button__target:link:hover,.c-button.is-light.c-button__target:visited:hover {
    color: #241c16;
    background-color: #fff;
    border-color: #fff
}

.c-button.is-light .c-button__target:active:hover::before,.c-button.is-light .c-button__target:hover::before,.c-button.is-light .c-button__target:link:hover::before,.c-button.is-light .c-button__target:visited:hover::before,.c-button.is-light.c-button__target:active:hover::before,.c-button.is-light.c-button__target:hover::before,.c-button.is-light.c-button__target:link:hover::before,.c-button.is-light.c-button__target:visited:hover::before {
    color: #241c16
}

.c-button.is-filled .c-button__target,.c-button.is-filled .c-button__target:active,.c-button.is-filled .c-button__target:link,.c-button.is-filled .c-button__target:visited,.c-button.is-filled.c-button__target,.c-button.is-filled.c-button__target:active,.c-button.is-filled.c-button__target:link,.c-button.is-filled.c-button__target:visited {
    color: #fff;
    background-color: #241c16;
    border-color: #241c16
}

.c-button.is-filled .c-button__target::before,.c-button.is-filled .c-button__target:active::before,.c-button.is-filled .c-button__target:link::before,.c-button.is-filled .c-button__target:visited::before,.c-button.is-filled.c-button__target::before,.c-button.is-filled.c-button__target:active::before,.c-button.is-filled.c-button__target:link::before,.c-button.is-filled.c-button__target:visited::before {
    color: #fff
}

.c-button.is-filled .c-button__target:active:hover,.c-button.is-filled .c-button__target:hover,.c-button.is-filled .c-button__target:link:hover,.c-button.is-filled .c-button__target:visited:hover,.c-button.is-filled.c-button__target:active:hover,.c-button.is-filled.c-button__target:hover,.c-button.is-filled.c-button__target:link:hover,.c-button.is-filled.c-button__target:visited:hover {
    color: #241c16;
    background-color: #c8a268;
    border-color: #241c16
}

.c-button.is-filled .c-button__target:active:hover::before,.c-button.is-filled .c-button__target:hover::before,.c-button.is-filled .c-button__target:link:hover::before,.c-button.is-filled .c-button__target:visited:hover::before,.c-button.is-filled.c-button__target:active:hover::before,.c-button.is-filled.c-button__target:hover::before,.c-button.is-filled.c-button__target:link:hover::before,.c-button.is-filled.c-button__target:visited:hover::before {
    color: #241c16
}

.c-button-group .cur .c-button {
    background-color: #241c16;
    color: #fff
}

.c-index {
    margin-top: 84px
}

@media screen and (min-width: 768px) {
    .c-index {
        margin-top:216px
    }
}

.c-index.is-profile {
    margin-top: 40px
}

@media screen and (min-width: 768px) {
    .c-index.is-profile {
        margin-top:56px
    }
}

.c-index__heading {
    font-size: 1.4286rem;
    letter-spacing: 1.15px;
    line-height: 2;
    text-align: left
}

@media screen and (min-width: 768px) {
    .c-index__heading {
        font-size:2.29rem
    }
}

.c-index a {
    color: #241c16;
    text-decoration: none
}

.c-index__entries {
    margin-top: 40px
}

@media screen and (min-width: 768px) {
    .c-index__entries {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 0
    }
}

.c-index__entry {
    margin-top: 56px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .c-index__entry {
        width:26%;
        margin-right: 11%
    }
}

.c-index__entry:first-child {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .c-index__entry:first-child {
        margin-top:56px
    }
}

@media screen and (min-width: 768px) {
    .c-index__entry:nth-child(3n) {
        margin-right:0
    }
}

@media screen and (min-width: 768px) {
    .c-index__entry:nth-child(n+4) {
        margin-top:88px
    }
}

.c-index__entry-link {
    display: block
}

.c-index__entry-pics {
    position: relative;
    display: block;
    width: 100%
}

.c-index__entry-pics img {
    box-shadow: 6px 6px 32px rgba(21,30,66,.12);
    transition: all 1s;
    width: 100%;
    height: auto
}

.c-index__entry-pics.is-single img {
    box-shadow: 6px 6px 32px rgba(21,30,66,.24)
}

.c-index__entry-pics img:nth-child(1) {
    position: relative;
    z-index: 2;
    transform: translate(-8px,-8px)
}

.c-index__entry-pics img:nth-child(1).is-hover {
    transform: translate(-16px,-16px)!important;
    box-shadow: 8px 8px 54px rgba(21,30,66,.16)!important
}

@media screen and (min-width: 1024px) {
    .c-index__entry-pics img:nth-child(1).is-hover {
        transform:translate(-28px,-28px)!important
    }
}

@media screen and (min-width: 1440px) {
    .c-index__entry-pics img:nth-child(1).is-hover {
        transform:translate(-46px,-46px)!important
    }
}

.c-index__entry-pics img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translate(8px,8px) rotate(1deg)
}

.c-index__entry-pics img:nth-child(2).is-hover {
    transform: translate(16px,16px)!important;
    box-shadow: 8px 8px 54px rgba(21,30,66,.16)!important
}

@media screen and (min-width: 1024px) {
    .c-index__entry-pics img:nth-child(2).is-hover {
        transform:translate(28px,28px)!important
    }
}

@media screen and (min-width: 1440px) {
    .c-index__entry-pics img:nth-child(2).is-hover {
        transform:translate(46px,46px)!important
    }
}

.c-index__entry-pics.is-single img:nth-child(1) {
    position: relative;
    z-index: 2;
    transform: scale(1)!important
}

.c-index__entry-pics.is-single img:nth-child(1).is-hover {
    transform: scale(1.02)!important;
    box-shadow: 8px 8px 54px rgba(21,30,66,.16)!important
}

@media screen and (min-width: 1024px) {
    .c-index__entry-pics.is-single img:nth-child(1).is-hover {
        transform:scale(1.02)!important
    }
}

@media screen and (min-width: 1440px) {
    .c-index__entry-pics.is-single img:nth-child(1).is-hover {
        transform:scale(1.02)!important
    }
}

.c-index__entry-h,.c-index__entry-h a:active,.c-index__entry-h a:link,.c-index__entry-h a:visited {
    margin-top: 32px;
    font-size: 1rem;
    color: #241c16;
    text-decoration: none;
    text-align: center
}

@media screen and (min-width: 768px) {
    .c-index__entry-h,.c-index__entry-h a:active,.c-index__entry-h a:link,.c-index__entry-h a:visited {
        margin-top:48px;
        font-size: 1.14rem
    }
}

.c-index .c-button-group {
    margin-top: 64px
}

.c-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.c-meta__type {
    font-size: .86rem;
    color: #9a8c7d;
    line-height: 1;
    letter-spacing: 1.48px
}

@media screen and (min-width: 768px) {
    .c-meta__type {
        font-size:1rem
    }
}

.c-meta__type::before {
    display: inline-block;
    margin-left: -12px;
    margin-right: 4px;
    transform: translate(0,2px)
}

@media screen and (min-width: 768px) {
    .c-meta__type::before {
        margin-right:8px
    }
}

.c-meta__data {
    margin-top: 16px!important;
    line-height: 1.5;
    letter-spacing: 1.6px;
    display: block
}

@media screen and (min-width: 768px) {
    .c-meta__data {
        font-size:1.14rem
    }
}

.c-divider {
    margin-top: 96px;
    text-align: center
}

.c-divider::after {
    content: "";
    display: block;
    background: no-repeat center top/contain url(../images/common/icons/icon_grain_4.svg);
    width: 72px;
    height: 6px;
    margin: auto
}

@media screen and (min-width: 768px) {
    .c-divider::after {
        margin-top:24px;
        width: 76px
    }
}

.c-divider.is-light::after {
    background-image: url(../images/common/icons/icon_grain_4-white.svg)
}

.c-footer {
    padding: 48px;
    background-color: #ece5da;
    letter-spacing: 1.5px
}

@media screen and (min-width: 768px) {
    .c-footer {
        padding-top:128px;
        padding-bottom: 32px;
        text-align: center
    }
}

.c-footer__h {
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 1.4px
}

@media screen and (min-width: 768px) {
    .c-footer__h {
        font-size:1.43rem;
        letter-spacing: 1.2px;
        justify-content: center
    }
}

.c-footer__h::before {
    font-size: 1.6rem;
    margin-right: 8px
}

@media screen and (min-width: 768px) {
    .c-footer__h::before {
        justify-content:center;
        font-size: 2.43rem;
        transform: translate(0,2px)
    }
}

.c-footer__nav:first-child {
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    .c-footer__nav:first-child {
        margin-top:32px
    }
}

@media screen and (min-width: 768px) {
    .c-footer__nav-item-group {
        display:flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

.c-footer__nav-item {
    z-index: 10
}

.c-footer__nav-target {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 16px;
    letter-spacing: 1.6px;
    color: #241c16;
    transform: scale(1);
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-footer__nav-target::before {
    margin-right: 12px;
    transform: translate(0,2px)
}

.c-footer__nav-target:link,.c-footer__nav-target:visited {
    color: #241c16;
    text-decoration: none
}

.c-footer__nav-target:link:hover,.c-footer__nav-target:visited:hover {
    transform: scale(1.1);
    color: #8a5a2b
}

@media screen and (min-width: 768px) {
    .c-footer__nav-target {
        margin-top:32px;
        margin-right: 40px;
        margin-left: 40px;
        font-size: 1.29rem
    }
}

.c-footer__copyright,.c-footer__thanks {
    font-size: .86rem;
    text-align: center
}

.c-footer__thanks {
    margin-top: 40px!important
}

.c-footer__thanks:nth-of-type(n+2) {
    margin-top: 1rem!important
}

@media screen and (min-width: 768px) {
    .c-footer__thanks {
        margin-top:128px!important
    }

    .c-footer__thanks:nth-of-type(n+2) {
        margin-top: 4px!important
    }
}

@media screen and (min-width: 768px) {
    .c-footer__copyright {
        margin-top:16px
    }
}

.c-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(135deg,#3a2a1e 0,#241c16 100%) 0 0 no-repeat padding-box;
    z-index: 1;
    opacity: 1;
    mix-blend-mode: multiply
}

.c-overlay.is-hide {
    transition: all 2s!important;
    opacity: 0!important
}

.c-hero-slider,.c-hero-slider__wrapper {
    width: 100%;
    height: 100vh
}

@media screen and (min-width: 768px) {
    .c-hero-slider,.c-hero-slider__wrapper {
        text-align:center
    }
}

.c-hero-slider__slide img {
    transform: translateX(0);
    transform: translateY(0);
    transition: all .4s cubic-bezier(.5,.06,.11,.99);
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover
}

@-webkit-keyframes slideAnime {
    0% {
        transform: translateX(0) translateY(0) scale(1)
    }

    100% {
        transform: translateX(0) translateY(0) scale(1.05)
    }
}

@keyframes slideAnime {
    0% {
        transform: translateX(0) translateY(0) scale(1)
    }

    100% {
        transform: translateX(0) translateY(0) scale(1.05)
    }
}

.is-slide-animation {
    -webkit-animation-name: slideAnime;
    animation-name: slideAnime;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linier;
    animation-timing-function: linier;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.c-hero-slider__button-next,.c-hero-slider__button-prev {
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    transform: scale(1);
    transition: all .4s cubic-bezier(.5,.06,.11,.99)
}

.c-hero-slider__button-next:hover,.c-hero-slider__button-prev:hover {
    transform: scale(1.2)
}

.c-hero-slider__button-next::after,.c-hero-slider__button-prev::after {
    font-size: 8px;
    color: #fff
}

@media screen and (min-width: 768px) {
    .c-hero-slider__button-next,.c-hero-slider__button-prev {
        width:36px;
        height: 36px
    }
}

@media screen and (min-width: 768px) {
    .c-hero-slider__button-prev {
        left:48px
    }
}

@media screen and (min-width: 768px) {
    .c-hero-slider__button-next {
        right:48px
    }
}

.c-hero-slider__pagenation {
    bottom: 24px
}

@media screen and (min-width: 768px) {
    .c-hero-slider__pagenation {
        display:flex;
        justify-content: flex-end;
        align-items: center
    }
}

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

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 32px;
    left: 0;
    width: 100%;
    padding: 0 4%;
    text-align: right
}

@media screen and (min-width: 768px) {
    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
        padding:0 48px;
        bottom: 48px
    }
}

.swiper-pagination-bullet {
    position: relative;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #3a2a1e;
    opacity: .6
}

@media screen and (min-width: 768px) {
    .swiper-pagination-bullet {
        width:12px;
        height: 12px
    }
}

.swiper-pagination-bullet-active {
    background: #fff;
    opacity: .8
}

@media screen and (min-width: 768px) {
    .swiper-pagination-bullet-active {
        width:8px;
        height: 8px;
        opacity: 1
    }
}

.swiper-pagination-bullet-active::after {
    position: absolute;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #3a2a1e;
    opacity: .2;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 768px) {
    .swiper-pagination-bullet-active::after {
        opacity:.2
    }
}

.c-works-slider {
    text-align: center;
    padding-bottom: 32px
}

@media screen and (min-width: 768px) {
    .c-works-slider {
        height:72vh
    }
}

.c-works-slider .swiper-slide {
    flex-shrink: 0;
    position: relative
}

.c-works-slider .swiper-slide img {
    width: auto;
    max-width: auto;
    height: auto
}

@media screen and (min-width: 768px) {
    .c-works-slider .swiper-slide img {
        height:64%;
        height: 64vh
    }
}

.c-works-slider__pagenation {
    text-align: center!important;
    bottom: 4px!important
}

@media screen and (min-width: 768px) {
    .c-works-slider__pagenation {
        display:flex;
        justify-content: center;
        align-items: center;
        bottom: 0!important;
        padding: 8px 48px!important
    }
}

.c-works-slider .swiper-button-next::after,.c-works-slider .swiper-button-prev::after {
    color: #241c16;
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .c-works-slider .swiper-button-next::after,.c-works-slider .swiper-button-prev::after {
        font-size:24px
    }
}

.c-works-slider .swiper-button-prev {
    left: 4%
}

@media screen and (min-width: 768px) {
    .c-works-slider .swiper-button-prev {
        left:10%
    }
}

.c-works-slider .swiper-button-next {
    right: 4%
}

@media screen and (min-width: 768px) {
    .c-works-slider .swiper-button-next {
        right:10%
    }
}

.c-works-slider__data {
    font-size: 1rem;
    letter-spacing: .4px;
    margin-top: 8px;
    margin-top: 8px;
    padding: 0
}

@media screen and (min-width: 768px) {
    .c-works-slider__data {
        font-size:1.14rem
    }
}

.c-works-slider__data.is-credit {
    font-size: .86rem;
    margin-top: 24px
}

.c-works-slider__data.is-contact {
    font-size: .86rem
}

.c-list {
    padding: 0;
    line-height: 2
}

.c-list.has-year li {
    text-indent: -3rem;
    padding-left: 3rem
}

@media screen and (min-width: 768px) {
    .c-list.has-year li {
        text-indent:-3.4rem;
        padding-left: 3.4rem
    }
}

.c-mouse-cursor {
    position: fixed;
    pointer-events: none;
    display: none;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #c8a268;
    mix-blend-mode: difference;
    transform: scale(1);
    transition: transform .2s cubic-bezier(.5,.06,.11,.99);
    z-index: 1000
}

.c-mouse-cursor.is-active {
    transform: scale(6)
}

@media screen and (min-width: 1024px) {
    .c-mouse-cursor {
        display:block
    }
}

#js-loading_splash .js-loading_splash_frame p {
    text-align: center
}

.c-form-step-indicator {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex
}

.c-form-step-indicator__item {
    position: relative;
    list-style: none;
    display: inline-block;
    padding-bottom: 8px;
    margin-right: 40px;
    border-bottom: 1px solid transparent;
    font-size: 1rem;
    color: #9a8c7d
}

.c-form-step-indicator__item::after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    top: calc(50% - 14px);
    bottom: 0;
    right: -20px;
    margin: auto;
    border-top: 1px solid #9a8c7d;
    border-right: 1px solid #9a8c7d;
    transform: rotate(45deg)
}

.c-form-step-indicator__item:last-child::after {
    display: none
}

.c-form-step-indicator__item.is-current {
    color: #241c16;
    border-bottom: 1px solid #241c16
}

.c-form-step-indicator__item.is-current.is-completed {
    border: 1px solid #241c16;
    background-color: #c8a268;
    padding-right: 24px;
    padding-left: 24px;
    border-radius: 40px
}

.c-form-item-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.c-form-item {
    margin-top: 24px
}

.c-form-item.is-full-width {
    width: 100%
}

.c-form-item.is-half-width {
    width: 48%
}

.c-form-item__heading {
    font-size: 1rem
}

.c-form-item__field {
    font-size: 1.1429rem;
    margin-top: 8px;
    padding: 8px;
    border: 1px solid #9a8c7d!important;
    background-color: #ece5da;
    border-radius: 2px;
    line-height: 1.5;
    width: 100%
}

.c-form-item__field:focus {
    border-color: #8a5a2b!important
}

@media screen and (min-width: 768px) {
    .c-form-item__field {
        font-size:1rem
    }
}

.c-form-item__error-msg-wrap .validator-result-,.c-form-item__error-msg-wrap .validator-result-1 {
    display: none
}

.c-form-item__error-msg-wrap .validator-result-0 {
    display: block
}

.c-form-item__error-msg {
    font-size: .8571rem;
    color: #fe4521;
    margin-top: 8px
}

.c-form-response-heading {
    font-size: 1.1429rem;
    margin-top: 24px!important;
    font-weight: 700
}

.c-form-response-msg {
    font-size: 1rem;
    margin-top: 24px!important
}

.c-breadcrumb-title {
    font-size: .7143rem;
    margin-top: 96px
}

.c-breadcrumb {
    padding-bottom: 12px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.c-breadcrumb__item {
    font-size: .8571rem;
    position: relative;
    list-style: none;
    display: inline-block;
    margin-right: 16px
}

.c-breadcrumb__item::after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    top: calc(50% - 9px);
    bottom: 0;
    right: -11px;
    margin: auto;
    border-top: 1px solid #9a8c7d;
    border-right: 1px solid #9a8c7d;
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) {
    .c-breadcrumb__item::after {
        top:calc(50% - 11px)
    }
}

.c-breadcrumb__item:last-child {
    pointer-events: none
}

.c-breadcrumb__item:last-child::after {
    display: none
}

.c-breadcrumb__link:active,.c-breadcrumb__link:hover,.c-breadcrumb__link:link,.c-breadcrumb__link:visited {
    text-decoration: none;
    color: #241c16
}

table.c-table-responsive {
    border-collapse: collapse;
    width: 100%;
    font-size: 1rem
}

table.c-table-responsive th {
    color: #241c16;
    background: 0 0
}

@media screen and (min-width: 768px) {
    table.c-table-responsive th {
        position:-webkit-sticky;
        position: sticky;
        top: 0
    }
}

table.c-table-responsive td,table.c-table-responsive th {
    padding: 1rem;
    border-bottom: 1px solid #9a8c7d;
    border-left: 1px solid #9a8c7d;
    display: block
}

table.c-table-responsive td:last-child,table.c-table-responsive th:last-child {
    border-right: 1px solid #9a8c7d
}

@media screen and (min-width: 768px) {
    table.c-table-responsive td,table.c-table-responsive th {
        display:table-cell
    }
}

table.c-table-responsive tr:first-child {
    border-top: 1px solid #9a8c7d
}

table.c-table-responsive td:first-child {
    font-weight: 700
}

table.c-table-responsive .c-table-responsive__heading {
    display: none
}

@media screen and (min-width: 768px) {
    table.c-table-responsive .c-table-responsive__heading {
        display:block
    }
}

table.c-table-responsive.is-th-left th {
    width: 100%;
    position: static;
    border-right: 1px solid #9a8c7d;
    border-top: 1px solid #9a8c7d;
    background-color: #241c16;
    color: #fff
}

@media screen and (min-width: 768px) {
    table.c-table-responsive.is-th-left th {
        width:30%;
        border-right: 1px solid #ded5c8;
        background-color: transparent;
        color: #241c16
    }
}

table.c-table-responsive.is-th-left tr:first-child {
    border-top: none
}

@media screen and (min-width: 768px) {
    table.c-table-responsive.is-th-left tr:first-child {
        border-top:1px solid #9a8c7d
    }
}

table.c-table-responsive.is-th-left td {
    width: 100%;
    padding: 1rem;
    margin-bottom: 16px
}

@media screen and (min-width: 768px) {
    table.c-table-responsive.is-th-left td {
        width:70%;
        border-left: none
    }
}

@media screen and (min-width: 1024px) {
    .m-intro {
        display:flex;
        align-items: flex-start;
        padding-left: 10vw;
        padding-right: 10vw
    }
}

.m-intro__img-wrapper {
    order: 2;
    padding-left: 4%;
    padding-right: 4%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1024px) {
    .m-intro__img-wrapper {
        width:42vw;
        padding-top: 48px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: -2vw;
        z-index: 2;
        transform: translate(-2vw,0)
    }
}

.m-intro__img {
    box-shadow: 6px 6px 24px rgba(21,30,66,.08);
    width: 100%
}

.m-intro__text {
    order: 1;
    padding-top: 96px;
    padding-bottom: 56px;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-top: -56px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 6px 6px 24px rgba(21,30,66,.08);
    background: #fff
}

@media screen and (min-width: 1024px) {
    .m-intro__text {
        padding-top:4.58vw;
        padding-bottom: 4.58vw;
        padding-left: 3.94vw;
        padding-right: 7.06vw;
        margin-top: 0;
        margin-left: -2vw;
        margin-right: 0;
        width: 42vw;
        box-shadow: 6px 6px 32px rgba(21,30,66,.04);
        transform: translate(2vw,0)
    }
}

@media screen and (min-width: 1024px) {
    .m-intro__text {
        padding-left:5.94vw;
        padding-right: 9.06vw
    }
}

.m-intro__text p {
    margin-top: 24px
}

@media screen and (min-width: 1024px) {
    .m-intro__text p {
        margin-top:40px
    }
}

.m-intro__text .c-button {
    margin-top: 24px
}

@media screen and (min-width: 1024px) {
    .m-intro__text .c-button {
        margin-top:40px
    }
}

.m-top-recent-works a {
    text-decoration: none
}

.m-top-recent-works .c-button-group {
    margin-top: 64px
}

.m-concept {
    padding-top: 64px;
    padding-bottom: 64px
}

@media screen and (min-width: 768px) {
    .m-concept {
        padding-top:96px;
        padding-bottom: 96px
    }
}

.m-concept.is-bg-active {
    background: top center/cover url(../media/concept_bg-sm.jpg)
}

@media screen and (min-width: 768px) {
    .m-concept.is-bg-active {
        background:top center/cover url(../media/concept_bg.jpg)
    }
}

.m-concept h2 {
    color: #fff
}

.m-concept p {
    margin-top: 40px!important;
    color: #fff
}

@media screen and (min-width: 768px) {
    .m-concept p {
        width:504px;
        margin-left: auto;
        margin-right: auto
    }
}

.m-concept .c-button {
    margin-top: 40px
}

@media screen and (min-width: 768px) {
    .m-concept .c-button {
        margin-top:64px
    }
}

.m-exhibition {
    text-align: center
}

.m-exhibition p {
    text-align: center
}

.m-exhibition .c-meta {
    margin-top: 20px
}

@media screen and (min-width: 768px) {
    .m-exhibition .c-meta {
        margin-top:24px
    }
}

.m-exhibition .c-meta:first-of-type {
    margin-top: 40px
}

@media screen and (min-width: 768px) {
    .m-exhibition .c-meta:first-of-type {
        margin-top:64px
    }
}

.m-exhibition iframe {
    margin-top: 40px;
    width: 100%;
    height: 100vw
}

@media screen and (min-width: 768px) {
    .m-exhibition iframe {
        margin-top:48px;
        height: 28vw
    }
}

.m-insta-feed {
    margin-top: 40px
}

@media screen and (min-width: 768px) {
    .m-insta-feed {
        margin-top:64px
    }
}

.m-insta-feed .crt-widget-grid.crt-grid-col2 .crt-grid-post {
    width: 25%
}

@media screen and (min-width: 768px) {
    .m-insta-feed .crt-widget-grid .crt-grid-post {
        width:12.5%!important
    }
}

.m-profile-left {
    padding-left: 4vw;
    padding-right: 4vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 84px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .m-profile-left {
        width:50vw;
        margin-top: 246px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10vw;
        padding-right: 10vw
    }
}

.m-profile-left__content {
    mix-blend-mode: difference
}

@media screen and (min-width: 768px) {
    .m-profile-left__content {
        position:fixed;
        z-index: 1
    }
}

.m-profile-left__content .c-heading-name {
    color: #e8cdb6
}

.m-profile-left__anchor:link,.m-profile-left__anchor:visited {
    position: relative;
    display: block;
    color: #e8cdb6;
    text-decoration: none;
    font-size: .86rem;
    letter-spacing: .8px;
    margin-top: 44px
}

@media screen and (min-width: 1024px) {
    .m-profile-left__anchor:link,.m-profile-left__anchor:visited {
        margin-top:128px;
        font-size: 1.14rem
    }
}

.m-profile-left__anchor:link .myfont.myfont-arrow01,.m-profile-left__anchor:visited .myfont.myfont-arrow01 {
    padding-left: 8px
}

.m-profile-left__anchor:link .myfont.myfont-arrow01::before,.m-profile-left__anchor:visited .myfont.myfont-arrow01::before {
    display: block;
    font-size: .64rem;
    width: 12px;
    height: 12px;
    transform: rotate(90deg)
}

@media screen and (min-width: 1024px) {
    .m-profile-left__anchor:link .myfont.myfont-arrow01::before,.m-profile-left__anchor:visited .myfont.myfont-arrow01::before {
        font-size:1.14rem;
        width: 1.14rem;
        height: 1.4rem
    }
}

.m-profile-right {
    margin-top: 72px;
    padding-left: 4vw;
    padding-right: 4vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

.m-profile-right.is-concept {
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .m-profile-right {
        width:50vw;
        padding-left: 0;
        padding-right: 10vw;
        margin-right: 0
    }
}

.m-profile-right p {
    margin-top: 2rem
}

.m-profile-right__h {
    margin-bottom: 24px;
    text-indent: -.2rem
}

.m-profile-concept {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 128px;
    margin-bottom: 128px;
    background: transparent linear-gradient(174deg,#5c3f27 20%,#241c16 80%) 0 0 no-repeat padding-box
}

.m-profile-concept::after,.m-profile-concept::before {
    position: absolute;
    left: -10%;
    content: "";
    display: block;
    width: 120vw;
    height: 80px;
    transform: rotate(-4deg)
}

@media screen and (min-width: 768px) {
    .m-profile-concept::after,.m-profile-concept::before {
        height:200px
    }
}

.m-profile-concept::before {
    top: 0;
    background-color: #5c3f27;
    transform-origin: 3% 0
}

.m-profile-concept::after {
    bottom: 0;
    background-color: #241c16;
    transform-origin: 100% 0
}

@media screen and (min-width: 768px) {
    .m-profile-concept {
        padding-top:240px;
        padding-bottom: 240px;
        margin-top: 360px;
        margin-bottom: 360px
    }
}

.m-profile-concept h2,.m-profile-concept p {
    color: #e8cdb6;
    mix-blend-mode: difference
}

#cid-12 .smartphoto {
    z-index: 352
}

#cid-12 .smartphoto-arrows,#cid-12 .smartphoto-count,#cid-12 .smartphoto-nav {
    display: none!important
}

.m-works-entry {
    margin-top: 84px
}

@media screen and (min-width: 768px) {
    .m-works-entry {
        margin-top:160px
    }
}

.m-exhib-info {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 160px;
    padding-bottom: 160px
}

@media screen and (min-width: 768px) {
    .m-exhib-info {
        padding-top:256px;
        padding-bottom: 256px
    }
}

.m-exhib-info__info-group {
    width: 100%
}

.m-exhib-info__heading {
    text-align: center;
    font-size: 1.43rem
}

@media screen and (min-width: 768px) {
    .m-exhib-info__heading {
        font-size:2.5714rem
    }
}

.m-exhib-info__detail {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 64px
}

@media screen and (min-width: 768px) {
    .m-exhib-info__detail {
        margin-top:96px;
        flex-wrap: nowrap
    }
}

.m-exhib-info__data,.m-exhib-info__desc {
    width: 100%
}

@media screen and (min-width: 768px) {
    .m-exhib-info__data,.m-exhib-info__desc {
        width:50%
    }
}

.m-exhib-info__data {
    padding-right: 0
}

@media screen and (min-width: 768px) {
    .m-exhib-info__data {
        padding-right:3.3333%
    }
}

.m-exhib-info__data p {
    text-align: center
}

@media screen and (min-width: 768px) {
    .m-exhib-info__data p {
        text-align:right
    }
}

.m-exhib-info__title {
    display: inline-block;
    padding-bottom: 24px;
    margin-bottom: 120px;
    border-bottom: 1px solid #241c16
}

@media screen and (min-width: 768px) {
    .m-exhib-info__title {
        margin-bottom:56px
    }
}

.m-exhib-info__desc {
    padding-left: 0;
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    .m-exhib-info__desc {
        padding-left:3.3333%;
        margin-top: 0
    }
}

.m-exhib-info__desc p {
    text-align: center
}

@media screen and (min-width: 768px) {
    .m-exhib-info__desc p {
        text-align:left
    }
}

.m-exhib-pics {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 80px
}

@media screen and (min-width: 768px) {
    .m-exhib-pics {
        align-items:normal;
        margin-bottom: 248px
    }
}

.m-exhib-pics__pic-wrap {
    width: 48.4%
}

@media screen and (min-width: 768px) {
    .m-exhib-pics__pic-wrap {
        width:45.8333%
    }
}

.m-exhib-pics__pic-wrap.is-full-width {
    width: 100%;
    margin-top: 8px
}

@media screen and (min-width: 768px) {
    .m-exhib-pics__pic-wrap.is-full-width {
        margin-top:216px
    }
}

.m-exhib-pics__pic-wrap.is-left {
    margin-top: 8px
}

@media screen and (min-width: 1024px) {
    .m-exhib-pics__pic-wrap.is-left {
        margin-top:184px
    }
}

@media screen and (min-width: 1440px) {
    .m-exhib-pics__pic-wrap.is-left {
        margin-top:216px
    }
}

.m-exhib-pics__pic-wrap.is-right {
    margin-top: 8px
}

@media screen and (min-width: 1024px) {
    .m-exhib-pics__pic-wrap.is-right {
        margin-top:368px
    }
}

@media screen and (min-width: 1440px) {
    .m-exhib-pics__pic-wrap.is-right {
        margin-top:480px
    }
}

.m-exhib-pics__pic-wrap.is-right:nth-of-type(2) {
    margin-top: 0
}

@media screen and (min-width: 1024px) {
    .m-exhib-pics__pic-wrap.is-right:nth-of-type(2) {
        margin-top:184px
    }
}

@media screen and (min-width: 1440px) {
    .m-exhib-pics__pic-wrap.is-right:nth-of-type(2) {
        margin-top:264px
    }
}

.m-exhib-pics__pic-wrap:first-of-type {
    margin-top: 0
}

.m-exhib-pics__pic {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 24px #0000003d
}

@media screen and (min-width: 768px) {
    .m-exhib-pics__pic {
        box-shadow:0 12px 88px #0000003d
    }
}

.m-exhib-works-list__heading {
    font-size: 1.43rem
}

@media screen and (min-width: 768px) {
    .m-exhib-works-list__heading {
        font-size:2.5714rem
    }
}

.m-exhib-index-works .c-index__entries a {
    text-decoration: none
}

.m-exhib-unit {
    margin-top: 80px
}

@media screen and (min-width: 768px) {
    .m-exhib-unit {
        margin-top:160px
    }
}

.m-exhib-go-back-button .c-button {
    margin-top: 64px
}

.m-2col-entry {
    margin-top: 84px
}

@media screen and (min-width: 768px) {
    .m-2col-entry {
        margin-top:246px
    }
}

.m-2col-entry-section {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 128px
}

.m-2col-entry-section:first-child {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .m-2col-entry-section {
        margin-top:192px
    }
}

.m-2col-entry-section__left {
    width: 100%
}

@media screen and (min-width: 768px) {
    .m-2col-entry-section__left {
        width:50%;
        padding-right: 1.49739584%
    }
}

.m-2col-entry-section__right {
    width: 100%;
    margin-top: 48px
}

@media screen and (min-width: 1024px) {
    .m-2col-entry-section__right {
        width:50%;
        padding-left: 1.49739584%;
        margin-top: 0
    }
}

.m-2col-entry-section__right p:first-of-type {
    margin-top: 0
}

.m-2col-entry__heading-sub {
    font-size: 1.1429rem;
    letter-spacing: 1.15px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .m-2col-entry__heading-sub {
        font-size:1.2857rem
    }
}

.m-2col-entry__heading {
    font-size: 1.4286rem;
    letter-spacing: 1.15px;
    line-height: 2;
    position: relative;
    padding-bottom: 48px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .m-2col-entry__heading {
        font-size:1.7143rem
    }
}

.m-2col-entry__heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 130px;
    height: 2px;
    background-color: #241c16
}

.m-2col-entry-dm-group {
    margin-top: 80px;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .m-2col-entry-dm-group {
        margin-top:128px;
        text-align: left
    }
}

.m-2col-entry-dm-group a {
    width: 100%;
    margin-right: 0;
    display: inline-block
}

.m-2col-entry-dm-group a:nth-of-type(n+2) {
    margin-top: 40px
}

@media screen and (min-width: 1024px) {
    .m-2col-entry-dm-group a:nth-of-type(n+2) {
        margin-top:0
    }
}

@media screen and (min-width: 768px) {
    .m-2col-entry-dm-group a {
        margin-right:4%;
        width: 32%
    }
}

.m-2col-entry-dm-group img {
    display: inline-block;
    width: 100%
}

.m-2col-entry-meta {
    margin-top: 48px
}

@media screen and (min-width: 1024px) {
    .m-2col-entry-meta {
        margin-top:0
    }
}

.m-2col-entry-meta .c-meta {
    align-items: flex-start;
    margin-top: 24px
}

.m-2col-entry-meta .c-meta:first-child {
    margin-top: 0
}

.m-2col-entry-meta .c-meta__type::before {
    margin-left: 0
}

.m-2col-entry-map {
    width: 100%;
    margin-top: 48px
}

@media screen and (min-width: 1024px) {
    .m-2col-entry-map {
        margin-top:72px
    }
}

.m-2col-entry-map iframe {
    width: 100%;
    height: 100vw
}

@media screen and (min-width: 768px) {
    .m-2col-entry-map iframe {
        height:28vw
    }
}

.js-anime-translate-y {
    transform: translateY(80px);
    opacity: 0;
    transition: transform 1s,opacity 1s
}

.js-anime-translate-y.is-active {
    transform: translateY(0);
    opacity: 1
}

.js-anime-translate-y.is-slower {
    transition: all 2s
}

.js-anime-fade {
    opacity: 0;
    transition: all 1s
}

.js-anime-fade.is-active {
    opacity: 1
}

.js-anime-fade.is-slower {
    transition: all 2s
}

.js-lazy-background-image {
    background: top center/cover url(../images/placeholders/image-sq-fill-thick-blue.svg)
}

.js-anime-pic-translate img:nth-child(1) {
    transform: translate(0,0)
}

.js-anime-pic-translate img:nth-child(2) {
    transform: translate(0,0) rotate(0)
}

.js-anime-pic-translate.is-active img:nth-child(1) {
    transform: translate(-8px,-8px)
}

.js-anime-pic-translate.is-active img:nth-child(2) {
    transform: translate(8px,8px) rotate(1deg)
}

.js-anime-profile-heading {
    transition: all 1s;
    opacity: 1
}

.js-anime-profile-heading.is-active {
    opacity: 0
}

.js-anime-group-of-works-heading {
    transform: translateY(80px);
    opacity: 0;
    transition: all 2s
}

.js-anime-group-of-works-heading.is-active {
    transform: translateY(0);
    opacity: 1
}

.u-hover-scale-l {
    transition: all 1s;
    transform: scale(1)!important
}

.u-hover-scale-l:hover {
    transform: scale(1.02)!important
}

.u-hover-scale-r {
    transition: all 1s;
    transform: scale(1)!important
}

.u-hover-scale-r:hover {
    transform: scale(1.1)!important
}

.u-bm-diff {
    mix-blend-mode: difference
}

.u-bm-cb {
    mix-blend-mode: color-burn
}

.u-bm-darken {
    mix-blend-mode: darken
}

.u-bm-hl {
    mix-blend-mode: hard-light
}

.u-ac {
    text-align: center
}

.u-al {
    text-align: left
}

.u-ar {
    text-align: right
}

.u-cf::after,.u-cf::before {
    content: "";
    display: block;
    clear: both
}

.u-fs-s {
    font-size: .8571rem
}

.u-fs-r {
    font-size: 1rem
}

.u-fs-l {
    font-size: 1.2rem
}

.u-fc-red {
    color: #fe4521!important
}

.u-dn {
    display: none
}

.u-db {
    display: block
}

.u-di {
    display: inline
}

.u-dib {
    display: inline-block
}

.u-show-sp {
    display: auto
}

@media screen and (min-width: 768px) {
    .u-show-sp {
        display:none
    }
}

.u-show-pc {
    display: none
}

@media screen and (min-width: 768px) {
    .u-show-pc {
        display:auto
    }
}

.u-link-disabled,a:active.u-link-disabled,a:hover.u-link-disabled,a:link.u-link-disabled,a:visited.u-link-disabled {
    pointer-events: none;
    color: #241c16;
    text-decoration: none
}

@media screen and (min-width: 1024px) {
    .u-link-disabled.is-sp-only,a:active.u-link-disabled.is-sp-only,a:hover.u-link-disabled.is-sp-only,a:link.u-link-disabled.is-sp-only,a:visited.u-link-disabled.is-sp-only {
        pointer-events:auto
    }
}

.u-mt1 {
    margin-top: 8px!important
}

.u-mt2 {
    margin-top: 16px!important
}

.u-mt3 {
    margin-top: 24px!important
}

.u-mt4 {
    margin-top: 32px!important
}

.u-mt5 {
    margin-top: 40px!important
}

.u-mt6 {
    margin-top: 48px!important
}

.u-mt7 {
    margin-top: 56px!important
}

.u-mt8 {
    margin-top: 64px!important
}

.u-mt9 {
    margin-top: 72px!important
}

.u-mt10 {
    margin-top: 80px!important
}

.u-mt11 {
    margin-top: 88px!important
}

.u-mt12 {
    margin-top: 96px!important
}

.u-mt13 {
    margin-top: 104px!important
}

.u-mt14 {
    margin-top: 112px!important
}

.u-mt15 {
    margin-top: 120px!important
}

.u-mt16 {
    margin-top: 128px!important
}

.u-mt17 {
    margin-top: 136px!important
}

.u-mt18 {
    margin-top: 144px!important
}

.u-mt19 {
    margin-top: 152px!important
}

.u-mt20 {
    margin-top: 160px!important
}

.u-mb1 {
    margin-bottom: 8px!important
}

.u-mb2 {
    margin-bottom: 16px!important
}

.u-mb3 {
    margin-bottom: 24px!important
}

.u-mb4 {
    margin-bottom: 32px!important
}

.u-mb5 {
    margin-bottom: 40px!important
}

.u-mb6 {
    margin-bottom: 48px!important
}

.u-mb7 {
    margin-bottom: 56px!important
}

.u-mb8 {
    margin-bottom: 64px!important
}

.u-mb9 {
    margin-bottom: 72px!important
}

.u-mb10 {
    margin-bottom: 80px!important
}

.u-mb11 {
    margin-bottom: 88px!important
}

.u-mb12 {
    margin-bottom: 96px!important
}

.u-mb13 {
    margin-bottom: 104px!important
}

.u-mb14 {
    margin-bottom: 112px!important
}

.u-mb15 {
    margin-bottom: 120px!important
}

.u-mb16 {
    margin-bottom: 128px!important
}

.u-mb17 {
    margin-bottom: 136px!important
}

.u-mb18 {
    margin-bottom: 144px!important
}

.u-mb19 {
    margin-bottom: 152px!important
}

.u-mb20 {
    margin-bottom: 160px!important
}

.u-mr1 {
    margin-right: 8px!important
}

.u-mr2 {
    margin-right: 16px!important
}

.u-mr3 {
    margin-right: 24px!important
}

.u-mr4 {
    margin-right: 32px!important
}

.u-mr5 {
    margin-right: 40px!important
}

.u-mr6 {
    margin-right: 48px!important
}

.u-mr7 {
    margin-right: 56px!important
}

.u-mr8 {
    margin-right: 64px!important
}

.u-mr9 {
    margin-right: 72px!important
}

.u-mr10 {
    margin-right: 80px!important
}

.u-mr11 {
    margin-right: 88px!important
}

.u-mr12 {
    margin-right: 96px!important
}

.u-mr13 {
    margin-right: 104px!important
}

.u-mr14 {
    margin-right: 112px!important
}

.u-mr15 {
    margin-right: 120px!important
}

.u-mr16 {
    margin-right: 128px!important
}

.u-mr17 {
    margin-right: 136px!important
}

.u-mr18 {
    margin-right: 144px!important
}

.u-mr19 {
    margin-right: 152px!important
}

.u-mr20 {
    margin-right: 160px!important
}

.u-ml1 {
    margin-left: 8px!important
}

.u-ml2 {
    margin-left: 16px!important
}

.u-ml3 {
    margin-left: 24px!important
}

.u-ml4 {
    margin-left: 32px!important
}

.u-ml5 {
    margin-left: 40px!important
}

.u-ml6 {
    margin-left: 48px!important
}

.u-ml7 {
    margin-left: 56px!important
}

.u-ml8 {
    margin-left: 64px!important
}

.u-ml9 {
    margin-left: 72px!important
}

.u-ml10 {
    margin-left: 80px!important
}

.u-ml11 {
    margin-left: 88px!important
}

.u-ml12 {
    margin-left: 96px!important
}

.u-ml13 {
    margin-left: 104px!important
}

.u-ml14 {
    margin-left: 112px!important
}

.u-ml15 {
    margin-left: 120px!important
}

.u-ml16 {
    margin-left: 128px!important
}

.u-ml17 {
    margin-left: 136px!important
}

.u-ml18 {
    margin-left: 144px!important
}

.u-ml19 {
    margin-left: 152px!important
}

.u-ml20 {
    margin-left: 160px!important
}

.u-pt1 {
    padding-top: 8px!important
}

.u-pt2 {
    padding-top: 16px!important
}

.u-pt3 {
    padding-top: 24px!important
}

.u-pt4 {
    padding-top: 32px!important
}

.u-pt5 {
    padding-top: 40px!important
}

.u-pt6 {
    padding-top: 48px!important
}

.u-pt7 {
    padding-top: 56px!important
}

.u-pt8 {
    padding-top: 64px!important
}

.u-pt9 {
    padding-top: 72px!important
}

.u-pt10 {
    padding-top: 80px!important
}

.u-pt11 {
    padding-top: 88px!important
}

.u-pt12 {
    padding-top: 96px!important
}

.u-pt13 {
    padding-top: 104px!important
}

.u-pt14 {
    padding-top: 112px!important
}

.u-pt15 {
    padding-top: 120px!important
}

.u-pt16 {
    padding-top: 128px!important
}

.u-pt17 {
    padding-top: 136px!important
}

.u-pt18 {
    padding-top: 144px!important
}

.u-pt19 {
    padding-top: 152px!important
}

.u-pt20 {
    padding-top: 160px!important
}

.u-pb1 {
    padding-bottom: 8px!important
}

.u-pb2 {
    padding-bottom: 16px!important
}

.u-pb3 {
    padding-bottom: 24px!important
}

.u-pb4 {
    padding-bottom: 32px!important
}

.u-pb5 {
    padding-bottom: 40px!important
}

.u-pb6 {
    padding-bottom: 48px!important
}

.u-pb7 {
    padding-bottom: 56px!important
}

.u-pb8 {
    padding-bottom: 64px!important
}

.u-pb9 {
    padding-bottom: 72px!important
}

.u-pb10 {
    padding-bottom: 80px!important
}

.u-pb11 {
    padding-bottom: 88px!important
}

.u-pb12 {
    padding-bottom: 96px!important
}

.u-pb13 {
    padding-bottom: 104px!important
}

.u-pb14 {
    padding-bottom: 112px!important
}

.u-pb15 {
    padding-bottom: 120px!important
}

.u-pb16 {
    padding-bottom: 128px!important
}

.u-pb17 {
    padding-bottom: 136px!important
}

.u-pb18 {
    padding-bottom: 144px!important
}

.u-pb19 {
    padding-bottom: 152px!important
}

.u-pb20 {
    padding-bottom: 160px!important
}

.u-pr1 {
    padding-right: 8px!important
}

.u-pr2 {
    padding-right: 16px!important
}

.u-pr3 {
    padding-right: 24px!important
}

.u-pr4 {
    padding-right: 32px!important
}

.u-pr5 {
    padding-right: 40px!important
}

.u-pr6 {
    padding-right: 48px!important
}

.u-pr7 {
    padding-right: 56px!important
}

.u-pr8 {
    padding-right: 64px!important
}

.u-pr9 {
    padding-right: 72px!important
}

.u-pr10 {
    padding-right: 80px!important
}

.u-pr11 {
    padding-right: 88px!important
}

.u-pr12 {
    padding-right: 96px!important
}

.u-pr13 {
    padding-right: 104px!important
}

.u-pr14 {
    padding-right: 112px!important
}

.u-pr15 {
    padding-right: 120px!important
}

.u-pr16 {
    padding-right: 128px!important
}

.u-pr17 {
    padding-right: 136px!important
}

.u-pr18 {
    padding-right: 144px!important
}

.u-pr19 {
    padding-right: 152px!important
}

.u-pr20 {
    padding-right: 160px!important
}

.u-pl1 {
    padding-left: 8px!important
}

.u-pl2 {
    padding-left: 16px!important
}

.u-pl3 {
    padding-left: 24px!important
}

.u-pl4 {
    padding-left: 32px!important
}

.u-pl5 {
    padding-left: 40px!important
}

.u-pl6 {
    padding-left: 48px!important
}

.u-pl7 {
    padding-left: 56px!important
}

.u-pl8 {
    padding-left: 64px!important
}

.u-pl9 {
    padding-left: 72px!important
}

.u-pl10 {
    padding-left: 80px!important
}

.u-pl11 {
    padding-left: 88px!important
}

.u-pl12 {
    padding-left: 96px!important
}

.u-pl13 {
    padding-left: 104px!important
}

.u-pl14 {
    padding-left: 112px!important
}

.u-pl15 {
    padding-left: 120px!important
}

.u-pl16 {
    padding-left: 128px!important
}

.u-pl17 {
    padding-left: 136px!important
}

.u-pl18 {
    padding-left: 144px!important
}

.u-pl19 {
    padding-left: 152px!important
}

.u-pl20 {
    padding-left: 160px!important
}