/* 
=======================================
  

// ● Common //

▼ Animation
▼ Loading
▼ Cursor
▼ Humb
▼ Header
▼ Footer

--

// ● Components //

▼ Btn
▼ Link
▼ Heading
▼ Desc
 
--

// ● Section //

▼ Main
▼ NewsList
▼ sectNav
▼ sectSubTitle
▼ sectUnderNav
▼ sectAbout
▼ sectCase
▼ sectRand
▼ sectStory
▼ sectPhilo
▼ sectAsym
▼ sectUnderMv
▼ sectHead
▼ sectUnderHead
▼ sectBand
▼ sectSlider
▼ sectGallery
▼ sectDesign
▼ underNav
▼ underSect
▼ underSelect

--

// ● Page //

▼ Index
▼ Bespoke
▼ Single
▼ News
▼ Company
▼ Join
▼ Contact
▼ Policy



/* 
=======================================


// ● Common  //


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Animation

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ hover
--------------------------- */

body a,body .l-header__triger {
  cursor: pointer;
}
body a:hover,body .l-header__triger:hover {
  opacity: 1;
}


/* --------------------------- 
  ■ hideAnim
--------------------------- */

/* ------ common ------- */

span.hideParent {
  display: block;
  overflow: hidden;
}
span.hideChild {
  display: block;
  opacity: 0;
  transition: 1.05s all cubic-bezier(.275,0,0,1);
}
span.hideParent span.hideChild {
  transform: translateY(1.1em);
}

/*
forMV
*/

section.l-sectionMv .main span.hideParent span.hideChild {
  transform: translateY(8.7rem);
}
section.l-sectionMv .copy span.hideParent span.hideChild {
  transition-delay: 0.3s;
}

/*
forSectNav
*/

body.two  section.l-sectionNav .slick-slide .title.inview.fadeInUp span.hideParent span.hideChild {
  transition-delay: 0.2s;
}
body.two  section.l-sectionNav .slick-slide .sub.inview.fadeInUp span.hideParent span.hideChild {
  transition-delay: 0.3s;
}

/*
sectionMv__title
*/

body.two .l-sectionMv__title span.hideParent span.hideChild {
  transform: translateY(0);
  opacity: 1;
}

body.two .l-sectUnderMv__title span.hideParent span.hideChild {
  transform: translateY(0);
  opacity: 1;
}
body.two .l-sectUnderMv__title .sub span.hideParent span.hideChild {
  transition-delay: 0.2s;
}

body.two .inview2.fadeInUp span.hideParent span.hideChild {
  transform: translateY(0);
  opacity: 1;
}

/*
l-sectUnderHead
*/

body.two .l-sectUnderHead span.hideParent span.hideChild {
  transform: translateY(0);
  opacity: 1;
}

/*
c-link
*/

body.two .c-link span.hideParent span.hideChild {
  transform: translateY(0);
  opacity: 1;
}


/* --------------------------- 
  ■ hideRotate
--------------------------- */

/* ------ common ------- */

.hideRotate {
  display: block;
  overflow: hidden;
  position: relative;
}
.hideTop {
  display: block;
  transition: 0.5s all cubic-bezier(.275,0,0,1);
}
.hideBottom {
  width: 100%;
  display: block;
  position: absolute;
  top: 100%;
  transition: 0.5s all cubic-bezier(.275,0,0,1);
}

/*
Common
*/

a:hover .hideTop {
  transform: translateY(-1em);
  transition-delay: 0s;
}
a:hover .hideBottom {
  transform: translateY(-1em);
}

.hideCom:hover .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
.hideCom:hover .hideBottom {
  transform: translateY(-1.4em);
}

/*
Header
*/

.l-prevNext a:hover .hideTop {
  transform: translateY(-1em);
  transition-delay: 0s;
}
.l-prevNext a:hover .hideBottom {
  transform: translateY(-1em);
}

/*
Header
*/

header li:hover .inviewH.hideInUp .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
header li:hover .hideBottom {
  transform: translateY(-1.4em);
}

.l-header__menu li:hover .inviewH.hideInUp .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
.l-header__menu li:hover .hideBottom {
  transform: translateY(-1.4em);
}

/*
sectionLat__menu 
*/

ul.l-sectionLat__menu li:hover .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
ul.l-sectionLat__menu li:hover  .hideBottom {
  transform: translateY(-1.4em);
}

/*
Deisgn List
*/

.l-sectCaseList__title:hover .inviewH.hideInUp .hideTop {
  transform: translateY(-1.3em);
  transition-delay: 0s;
}
.l-sectCaseList__title:hover .hideBottom {
  transform: translateY(-1.3em);
}

/*
UnderNav List
*/

nav.l-underNav__list li:hover .hideTop {
  transform: translateY(-1.1em);
  transition-delay: 0s;
  opacity: 0;
}
nav.l-underNav__list li:hover .hideBottom {
  transform: translateY(-1.25em);
}

/*
Latest Btn
*/

.l-sectionLat__btn a:hover .hideTop {
  transform: translateY(-1.1em);
  transition-delay: 0s;
  opacity: 0;
}
.l-sectionLat__btn a:hover .hideBottom {
  transform: translateY(-1.1em);
}

/*
Scroll
*/

.l-underNav__scroll:hover .hideTop {
  transform: translateY(-1em);
  transition-delay: 0s;
  opacity: 0;
}
.l-underNav__scroll:hover .hideBottom {
  transform: translateY(-1em);
}

/*
sectUnderNav
*/

section.l-sectUnderNav a:hover .hideTop {
  transform: translateY(-1em);
  transition-delay: 0s;
}
section.l-sectUnderNav a:hover .hideBottom {
  transform: translateY(-1.25em);
}

/*
l-underSect__btn
*/

.l-underSect__btn:hover .hideTop {
  transform: translateY(-1em);
  transition-delay: 0s;
  opacity: 0;
}
.l-underSect__btn:hover .hideBottom {
  transform: translateY(-1em);
} 
.l-underSect__btn.sp {
  display: none;
}

/*
l-sectCase
*/

.l-sectCaseList__title .wrap:hover .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
.l-sectCaseList__title .wrap:hover .hideBottom {
  opacity: 1;
  transform: translateY(-1.25em);
}

/*
pageRead
*/

.pageRead:hover .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
.pageRead:hover .hideBottom {
  opacity: 1;
  transform: translateY(-1.35em);
}


/*
l-sectPhilo
*/

.l-sectPhilo__list .cont:hover .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
.l-sectPhilo__list .cont:hover .hideBottom {
  opacity: 1;
  transform: translateY(-1.45em);
}


/*
c-link
*/

.c-link:hover .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
.c-link:hover .hideBottom {
  transform: translateY(-1.45em);
}

/*
l-listRand
*/

.l-sectRand__cont:hover .hideTop {
  transform: translateY(-1.4em);
  transition-delay: 0s;
}
.l-sectRand__cont:hover .hideBottom {
  opacity: 1;
  transform: translateY(-1.45em);
}


/*
l-sectAsym
*/

.l-sectAsym .title .hideTop {
  transition: 0.7s all cubic-bezier(.275,0,0,1);
}
.l-sectAsym .title .hideBottom {
  opacity: 0;
  transform: translateY(0em) rotate(5deg);
  transform-origin: left;
  transition: 0.7s all cubic-bezier(.275,0,0,1);
} 
.l-sectAsym.active .title .hideTop {
  transform: translateY(-1em)  rotate(5deg);
   transform-origin: right;
  transition-delay: 0s;
  opacity: 0;
}
.l-sectAsym.active .title .hideBottom {
  opacity: 1;
  transform: translateY(-1em);
} 

.l-sectAsym.active .title .hideParent:nth-child(2) .hideTop {
  transition-delay: 0.05s;
} 
.l-sectAsym.active .title .hideParent:nth-child(2) .hideBottom {
  transition-delay: 0.05s;
} 

/*
bespokeDetail__closePage
*/

.l-bespokeDetail__closePage > span:hover .hideTop {
  transform: translateY(-1em);
  transition-delay: 0s;
  opacity: 0;
}
.l-bespokeDetail__closePage > span:hover .hideBottom {
  opacity: 1;
  transform: translateY(-0.8em);
}


/*
l-sectSlider__list
*/

.l-sectSlider__list .slick-slide .title .hideTop {
  transition: 0.7s all cubic-bezier(.275,0,0,1);
}
.l-sectSlider__list .slick-slide .title .hideBottom {
  opacity: 0;
  transform: translateY(0em) rotate(5deg);
  transform-origin: left;
  transition: 0.7s all cubic-bezier(.275,0,0,1);
} 
.l-sectSlider__list .slick-slide.active .title .hideTop {
  transform: translateY(-1em)  rotate(5deg);
   transform-origin: right;
  transition-delay: 0s;
  opacity: 0;
}
.l-sectSlider__list .slick-slide.active .title .hideBottom {
  opacity: 1;
  transform: translateY(-1em);
} 

.l-sectSlider__list .slick-slide.active .title .hideParent:nth-child(2) .hideTop {
  transition-delay: 0.05s;
} 
.l-sectSlider__list .slick-slide.active .title .hideParent:nth-child(2) .hideBottom {
  transition-delay: 0.05s;
}

/*
l-sectExp
*/

.l-sectNav .l-sectExp__cont:hover .hideTop {
  transform: translateY(-1em);
  transition-delay: 0s;
}
.l-sectNav .l-sectExp__cont:hover .hideBottom {
  transform: translateY(-0.9em);
  opacity: 1;
}

/*
footer
*/

.l-footer__title .hideTop {
  transition: 0.7s all cubic-bezier(.275,0,0,1);
}
.l-footer__title .hideBottom {
  opacity: 0;
  transition: 0.7s all cubic-bezier(.275,0,0,1);
} 
.l-footer__title.hover .hideTop {
  transform: translateY(-1em);
  transition-delay: 0s;
  opacity: 0;
}
.l-footer__title.hover .hideBottom {
  opacity: 1;
  transform: translateY(-0.9em);
} 

/* --------------------------- 
  ■ underbar
--------------------------- */

.underbar {
  position: relative;
  display: inline-block;
}
.underbar:before {
    content:"";
    position: absolute;
    bottom: -0.5rem;
    left: -4%;
    width: 102%;
    height: 1px;
    background-color: #dfd9c3;
    transform: scale(1, 1);
    transform-origin: left top;
    transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition-delay: 0.3s;
}
.underbar:hover::before {
    transform-origin: right top;
    transform: scale(0, 1);
    transition-delay: 0s;
}
.underbar:after {
    content:"";
    position: absolute;
    bottom: -0.5rem;
    left: -4%;
    width: 102%;
    height: 1px;
    background-color: #dfd9c3;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
    transition-delay: 0s;
}
.underbar:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
    transition-delay: 0.3s;
}

/*
white
*/

.underbar.white:before {
  background-color: #cbc5ac;
}
.underbar.white:after {
  background-color: #cbc5ac;
}


/* --------------------------- 
  ■ inview
--------------------------- */

/* ------ fadeInUp ------- */

/* Repeat */

.inview {
  opacity: 0;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
  transform: translateY(2vw);
  transition-delay: 0.1s;
}
body.pace-done .inview.fadeInUp {
  transform: translateY(0);
  opacity: 1;
}

/* Repeat2 */

.inview5 {
  opacity: 0;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
  transform: translateY(2vw);
  transition-delay: 0.1s;
}
body.pace-done .inview5.fadeInUp {
  transform: translateY(0);
  opacity: 1;
}

/* Non Repeat */

.inview2 {
  opacity: 0;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
  transform: translateY(2vw);
  transition-delay: 0.1s;
}
body.pace-done .inview2.fadeInUp {
  transform: translateY(0);
  opacity: 1;
}

/* Non Repeat ver2 */

.inview4 {
  opacity: 0;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
  transform: translateY(2vw);
  transition-delay: 0.1s;
}
body.three .inview4.fadeInUp {
  transform: translateY(0);
  opacity: 1;
}

/* Top News */

.inview3 {
  opacity: 0;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
  padding-top: 2vw;
  transition-delay: 0.1s;
}
body.pace-done .inview3.fadeInUp {
  padding-top: 0;
  opacity: 1;
}


/* ------ hideInUp ------- */

.inviewH,.inviewH2 {
  transition-delay: 0s;
}
body.pace-done .inviewH.hideInUp .hideChild,
body.pace-done .inviewH2.hideInUp .hideChild,
body.pace-done .l-sectRand__title.hideInUp .hideChild
 {
  transform: translateY(0em);
  opacity: 1;
  transition-delay: 0.1s;
}
body.pace-done .l-sectRand__title.hideInUp.hideInUp2 .hideChild
 {
  transform: translateY(1.1em);
  opacity: 0;
}

.l-sectNav .hideTop{
  transition: 0.7s all cubic-bezier(.275,0,0,1);
}
.l-sectNav .hideBottom{
  transition: 0.7s all cubic-bezier(.275,0,0,1);
}

.l-sectNav a:hover .hideTop{
  transform: translateY(0em);
}
.l-sectNav a:hover .hideBottom{
  transform: translateY(0em);
  opacity: 0;
}

.l-sectNav.hover .left .title .hideTop {
  transform: translateY(-1em);
  opacity: 0;
}
.l-sectNav.hover .left .title .hideBottom {
  transform: translateY(-0.85em);
  opacity: 1;
}


/* First Access */

section.fAc span.hideParent span.hideChild {
  transform: translateY(1.1em);
  opacity: 0;
}
body.mvBg3.pace-done section.fAc span.hideChild {
  transform: translateY(0em);
  opacity: 1;
  transition-delay: 0.1s;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Loading

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
   ■ respomsive
--------------------------- */

.fade.pc {
  display: flex;
}
.fade.tablet {
  display: none;
}
.fade.sp {
  display: none;
}


/* --------------------------- 
  ■ Top
--------------------------- */

body.top.pace-running {
  position: fixed;
}


/* --------------------------- 
  ■ Fade
--------------------------- */

/* ------ common ------- */

.fade {
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
top
*/

body.top.pace-done.zero .fade {
  height: 0%;
}

/*
under
*/

body.under {
  background-color: #ccc;
  transition: all ease .5s;
}
body.under.zero {
  background-color: #fff;
}

body.under.zero .fade {
  height: 0%;
}

/*
uBlack
*/

body.page.under {
  background-color: #fff;
}
body.page main {
  opacity: 0;
  margin-top: 1vw;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
}
body.page.zero main {
  opacity: 1;
  margin-top: 0;
}
body.page .fade {
  height: 0%;
}

body.page .fixed {
  opacity: 0;
}
body.page.zero .fixed {
  opacity: 1;
}

body.page .l-header div > .inner {
  opacity: 0;
}
body.page.zero .l-header div > .inner {
  opacity: 1;
}

/* --------------------------- 
  ■ transition
--------------------------- */

/*
common
*/

body .wrapper {
  transition: 0.55s all cubic-bezier(.275,0,0,1);
}
body.pageTrans .wrapper {
  opacity: 1;
  margin-top: -1.3vw;
}
body.pageTrans.page .wrapper {
  opacity: 0;
  margin-top: -1.3vw;
}
body.page .wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/*
fixed
*/

.fixed {
  transition: 0.85s all cubic-bezier(.275,0,0,1);
}
body.pageTrans .fixed {
  margin-top: -1.3vw;
  opacity: 0;
}

/*
title
*/


.l-sectionMv__title {
  transition: 0.55s all cubic-bezier(.275,0,0,1);
}
body.pageTrans .l-sectionMv__title {
  margin-top: -1.3vw;
}

/*
trans
*/

.trans {
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 0%;
  bottom: 0;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
  z-index: 7;
}
body.pageTrans .trans {
  height: 100%;
}
body.pageTrans.page .trans {
  height: 0%;
}

/* --------------------------- 
  ■ Progress
--------------------------- */

/* ------ common ------- */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 1s ease;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #000;
  opacity: 1;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 1px;
}

/*
top
*/

body.top .pace .pace-progress {
  opacity: 0;
  visibility: hidden;
}
body.top .fade:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 1;
  transform: scale(0, 1);
  transform-origin: right top;
  background: #000;
  transition: 2.85s transform cubic-bezier(.275,0,0,1);
}
body.top.load1 .fade:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
body.top.load4 .fade:before {
  transform-origin: right top;
  transform: scale(0, 1);
  transition: 1s transform cubic-bezier(.275,0,0,1);
}

/*
under
*/

body.under .pace-progress {
  opacity: 0;
  visibility: hidden;
}
body.under .fade:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 1;
  transform: scale(0, 1);
  transform-origin: right top;
  background: #000;
  transition: 1.85s transform cubic-bezier(.275,0,0,1);
}
body.under.load1 .fade:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
body.under.load1.one .fade:before {
  opacity: 0;
  transition: 1s opacity cubic-bezier(.275,0,0,1);
}

/*
uBlack
*/

body.uBlack.pace-done .pace-progress {
  opacity: 0;
  visibility: hidden;
}

/* --------------------------- 
   ■ Cont
--------------------------- */

body.top .loadBg__cont {
  margin-top: -0.9rem;
  text-align: center;
  opacity: 1;
  transition: all 1.5s cubic-bezier(.275,0,0,1);
}
body.under .loadBg__cont {
  display: none;
}

/*
end
*/

body.load4 .loadBg__cont {
  transform: translateY(-1vw);
  opacity: 0;
}

/* --------------------------- 
   ■ Logo
--------------------------- */

/* --- common --- */

.loadBg__cont .logo {
  width: 96px;
  height: 96px;
  border-radius: 100%;
  border: 0px solid #000;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  margin: 0 auto;
}

/* --- icon --- */

.loadBg__cont .logo img {
  width: 60px;
  height: 60px;
  margin-top: 5px;
}
.loadBg__cont .logo .icon {
  overflow: hidden;
}

/*
Pre
*/

.loadBg__cont .logo img {
  opacity: 0;
  transform: rotate(0deg);
  transition: all 2s ease;
}

/*
start
*/

body.load1 .loadBg__cont .logo img {
  opacity: 0.4;
  transform: rotate(360deg);
  filter: blur(0);
}

/*
end
*/

body.load3 .loadBg__cont .logo img {
  opacity: 0.4;
  filter: blur(0px);
  transform: rotate(360deg);
  transition-delay: 0.2s;
}

/* --- circle --- */

.loadBg__cont .logo svg.loadCircle {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

/* 01 */

/*
Pre
*/

.loadBg__cont .logo svg.circle1 {
  fill:transparent;
  stroke:rgba(0,0,0,0.15);
  opacity: 0;
}
.loadBg__cont .logo svg.circle1 circle{
  stroke-dasharray:0 276;
}

/*
start
*/

body.load1 .loadBg__cont .logo svg.circle1 circle {
  stroke-dasharray:276 276;
  transition:all 2s ease;
  transition-delay: 0s;
}
body.load1 .loadBg__cont .logo svg.circle1 {
  stroke:rgba(0,0,0,0.15);
  transition:all 2s ease;
  transition-delay: 0s;
  opacity: 1;
}

/* 02 */

/*
Pre
*/

.loadBg__cont .logo svg.circle2 {
  fill:transparent;
  stroke:rgba(0,0,0,0.35);
  opacity: 0;
}
.loadBg__cont .logo svg.circle2 circle{
  stroke-dasharray:0 301;
}

/*
start
*/

body.load1 .loadBg__cont .logo svg.circle2 circle {
  stroke-dasharray:301 301;
  transition:all 2s ease;
  transition-delay: 0s;
}
body.load1 .loadBg__cont .logo svg.circle2 {
  stroke:rgba(0,0,0,0.35);
  transition:all 2s ease;
  transition-delay: 0s;
  opacity: 1;
}

/* 03 */

/*
Pre
*/

.loadBg__cont .logo svg.circle3 {
  fill:transparent;
}
.loadBg__cont .logo svg.circle3 circle{
  stroke-dasharray:0 301;
  transition: all 1.5s cubic-bezier(.275,0,0,1);
}

/*
start
*/

body.load3 .loadBg__cont .logo svg.circle3 circle {
  stroke-dasharray:301 301;
}
body.load3 .loadBg__cont .logo svg.circle3 {
  stroke:rgba(0,0,0,0.7);
  
}


/* --------------------------- 
   ■ txt
--------------------------- */

.loadBg__cont .txt {
  margin-top: 27px;
  margin-left: 1px;
}

/*
Pre
*/

.loadBg__cont .txt {
  overflow: hidden;
  display: flex;
}
.loadBg__cont .txt img {
  width: 175px;
  transform: translateY(105%);
  opacity: 0;
  transition: all 1.5s cubic-bezier(.275,0,0,1);
  transition-delay: 0.2s;
}

/*
end
*/

body.load2 .loadBg__cont .txt img {
  transform: translateY(0%);
  opacity: 1;
}

/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Cursor

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

.btnCursor {
  cursor: pointer;
}
#stalker { 
  position: fixed;
  -webkit-transform:translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
}

/* ------ drag ------- */

.drag {
  cursor:grab;
}
#stalker .circle {
  position: absolute;
  -webkit-transform:translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 0px solid #d7d7d7;
  width: 0px;
  height: 0px;
  border-radius: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 99;
  transition: all ease .5s;
}
#stalker.active .circle {
  border: 1px solid #e3e3e3;
  width: 11rem;
  height: 11rem;
  opacity: 0.8;
}
#stalker.active .circle:before {
  content:"";
  position: absolute;
  top: 49%;
  right: 27%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  opacity: 0.8;
}
#stalker.active .circle:after {
  content:"";
  position: absolute;
  top: 44.6%;
  left: 28%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(-135deg)  translateY(-50%);
  transform: rotate(-135deg)  translateY(-50%);
  opacity: 0.8;
}

/* ------ nav ------- */

/*#stalker.active2 {
  border: 1px solid rgba(255,255,255,0.4);
  width: 11rem;
  height: 11rem;
  opacity: 0.8;
}
#stalker.active2:before {
  content: "";
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-family:'Optima LT W05 Roman';
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.15em;
  opacity: 0.7;
}*/


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Humb

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ common
--------------------------- */

body.humbActive {
  overflow-y: hidden;
}

/* --------------------------- 
  ■ humbBtn
--------------------------- */

.l-humb__btn {
  position: fixed;
  right: 6.4rem;
  top: 5.4rem;
  width: 6.1rem;
  height: 1.2rem;
  cursor: pointer;
  z-index: 1;
  pointer-events: visible;
  transition: all ease .5s;
}
.l-humb__btn > .inner {
  width: 100%;
  height: 100%;
}
.l-humb__btn span {

}
.l-humb__btn span:nth-child(1),
.l-humb__btn span:nth-child(2) {
  position: absolute;
  left: 0rem;
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,1);
  transform: scale(1, 1);
  transform-origin: right top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),
  -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0s;
}
.l-humb__btn:hover span:nth-child(1) {
  transform-origin: right top;
  transform: scale(0, 1);
}
.l-humb__btn:hover span:nth-child(2) {
  transform-origin: right top;
  transform: scale(0, 1);
  transition-delay: 0.1s;
}

.l-humb__btn span:nth-child(3),
.l-humb__btn span:nth-child(4) {
  position: absolute;
  left: 0rem;
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,1);
  transform: scale(0, 1);
  transform-origin: left top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),
  -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0.1s;
}
.l-humb__btn:hover span:nth-child(3) {
  transform: scale(1, 1);
  transition-delay: 0.3s;
}
.l-humb__btn:hover span:nth-child(4) {
  transform: scale(1, 1);
  transition-delay: 0.4s;
}

.l-humb__btn span:nth-child(1),
.l-humb__btn span:nth-child(3) {
  top: 0;
}
.l-humb__btn span:nth-child(2),
.l-humb__btn span:nth-child(4) {
  bottom: 0;  
}

/*
black
*/

.midnightHeader.black .l-humb__btn span {
  background-color: #000;
}

/*
right
*/

.midnightHeader.right .l-humb__btn span {
  background-color: #000;
}

/*
Ublack
*/

body.uBlack .midnightHeader.default .l-humb__btn span {
  background-color: #000;
}

/*
cBlack
*/

.midnightHeader.cBlack .l-humb__btn span {
  background-color: #000;
}

/*
whiteB
*/

.midnightHeader.whiteB .l-humb__btn span {
  background-color: #000;
}

/*
none
*/

.midnightHeader.none .l-humb__btn span {
  background-color: #000;
}

/* --------------------------- 
  ■ humbLogo
--------------------------- */

.l-humbLogo {
  position: absolute;
  top: 2.4rem;
  left: 4.7rem;
  width: 9.2rem;
  height: 9.2rem;
  border: 2px solid #fff;
  border-radius: 100%;
  z-index: 1;
  display: none;
}
.l-humbLogo:before {
  content: "";
  position: absolute;
  width: 95%;
  height: 95%;
  border: 1px solid #ffffff7a;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.l-humbLogo img {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 64%;
  width: 64%;
}
.l-humbLogo img.bl {
  display: none;
}


/* --------------------------- 
  ■ humbClose
--------------------------- */

.l-humbClose {
  position: absolute;
  right: 4rem;
  top: 3.7rem;
  width: 4.5rem;
  height: 2.8rem;
  cursor: pointer;
  opacity: 0;
  z-index: 3;
  visibility: hidden;
  transition: all ease .65s;
  transition-delay: 0s;
}
.l-humbClose span {
  position: absolute;
  display: inline-block;
  top: 1.4rem;
  height: 1px;
  width: 100%;
  background-color: #fff;
  transition: all ease .35s;
}
.l-humbClose span:nth-child(1) {
  transform: rotate(0deg);
  transition-delay: 0s;
}
.l-humbClose span:nth-child(2) {
  transform: rotate(-0deg);
  transition-delay: 0s;
}

/*
active
*/

body.humbActive .l-humbClose {
  opacity: 1;
  visibility: visible;
}
body.humbCl .l-humbClose span:nth-child(1) {
  transform: rotate(22deg);
}
body.humbCl .l-humbClose span:nth-child(2) {
  transform: rotate(-22deg);
}

/*
hover
*/

body.humbActive .l-humbClose:hover span:nth-child(1) {
  transform: rotate(15deg);
  transition-delay: 0s;
}
body.humbActive .l-humbClose:hover span:nth-child(2) {
  transform: rotate(-15deg);
  transition-delay: 0s;
}

/* --------------------------- 
  ■ humbCont
--------------------------- */

/* ------ common ------- */

/* layout */

.l-humbCont {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff;
  z-index: 6;
  top: 0;
  right: 0;
  display: flex;
  visibility:hidden;
  opacity: 0;
  transition: 0.65s all cubic-bezier(.275,0,0,1);
  transition-delay: 0.4s;
}
.l-humbCont__sect {
  width: 32%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  margin-left: 0.5rem;
  height: calc(100% - 1rem);
  margin-top: 0.5rem;
}
.l-humbCont__sect:nth-child(2) {
  margin-left: 0rem;
}


/*
first
*/

.l-humbCont__sect.first {
  width: 34.7%;
}

/*
active
*/

body.humbActive .l-humbCont {
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
body.humbActive .l-humbCont__sect {
  visibility: visible;
}

.l-humbCont .inner {
  width: 76%;
  margin: 0em auto 0;
}
.l-humbCont__box + .l-humbCont__box {
  margin-top: 5.2rem;
}

/* service */

/*
common
*/

.l-humbCont__sect a {
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden;
  pointer-events: none;
}
.l-humbCont__sect a:hover {
  opacity: 1;
}

body.humbActive .l-humbCont__sect a {
  visibility: visible;
  pointer-events: visible;
}

/*
title
*/

.l-humbCont__sectTitle {
  position: absolute;
  z-index: 2;
  top: 51.5%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  text-align: center;
}
.l-humbCont__sectTitle .main {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  font-family: garamond-premier-pro-display, serif;
  text-transform: uppercase;
  font-variant: small-caps;
}
.l-humbCont__sect.first .l-humbCont__sectTitle .main {
  letter-spacing: 0.255em;
}

.l-humbCont__sectTitle .main .hideChild {
  transform: translateY(1.1em);
  opacity: 0;
  transition: 0.95s all cubic-bezier(.275,0,0,1);
  transition-delay: 0.2s;
}

.l-humbCont__sectTitle .sub {
  font-size: 1.1rem;
  letter-spacing: 0.55em;
  font-family: trajan-pro-3, serif;
  white-space: nowrap;
  margin-top: 1.7rem;
  text-transform: uppercase;
  opacity: 0.55;
}
.l-humbCont__sectTitle .sub .hideChild {
  transform: translateY(1.1em);
  opacity: 0;
  transition: 0.95s all cubic-bezier(.275,0,0,1);
  transition-delay: 0.2s;
}


/*
title - active
*/

body.humbActive .l-humbCont__sectTitle .main .hideChild {
  transform: translateY(0em);
  opacity: 1;
  transition-delay: 0.3s;
}
body.humbActive .l-humbCont__sectTitle .sub .hideChild {
  opacity: 1;
  transform: translateY(0em);
  transition-delay: 0.4s;
}

/*
title - close
*/

body.humbAct1 .l-humbCont__sectTitle .main .hideChild {
  transform: translateY(-0.5em);
  opacity: 0;
  transition-delay: 0s;
}
body.humbAct1 .l-humbCont__sectTitle .sub .hideChild {
  transform: translateY(-1.5em);
  opacity: 0;
  transition-delay: 0s;
}


/*
image
*/

.l-humbCont__sect figure {
  width: 100%;
  height: 100%;
  transform: scale(1);
  overflow: hidden;
  position: relative;
  transition: all cubic-bezier(.275,0,0,1) 1s;
}
.l-humbCont__sect figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.15);
  transition: all cubic-bezier(.275,0,0,1) 1.5s;
}

body.humbActive .l-humbCont__sect:nth-child(2) figure img {
  transform: scale(1);
  transition-delay: 0.2s;
}
body.humbActive .l-humbCont__sect:nth-child(3) figure img {
  transform: scale(1);
  transition-delay: 0.3s;
}
body.humbActive .l-humbCont__sect:nth-child(4) figure img {
  transform: scale(1);
  transition-delay: 0.3s;
}

.l-humbCont__sect figure:before {
  content:"" ;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.16);
  z-index: 1;
}

.l-humbCont__sect figure:after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  transform-origin: 0% 100%;
  transform: scaleY(1);
  transition: 0.65s transform cubic-bezier(.275,0,0,1);
}

.l-humbCont__sect:nth-child(3) figure:after {
  transition-delay: 0s;
}
.l-humbCont__sect:nth-child(4) figure:after {
  transition-delay: 0.1s;
}


body.humbActive .l-humbCont__sect:nth-child(3) figure:after {
  transform-origin: 100% 0%;
  transform: scaleY(0);
  transition-delay: 0.2s;
}
body.humbActive .l-humbCont__sect:nth-child(4) figure:after {
  transform-origin: 100% 0%;
  transform: scaleY(0);
  transition-delay: 0.3s;
}
body.humbActive .l-humbCont__sect:nth-child(5) figure:after {
  transform-origin: 100% 0%;
  transform: scaleY(0);
  transition-delay: 0.4s;
}

/*
image - hover
*/

.l-humbCont__sect:hover figure {
  opacity: 0.9;
  transform: scale(1.06);
}

/*
video
*/

.l-humbCont__sect figure video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  font-family: 'object-fit: cover;';
  transform: scale(1.15);
  transition: all cubic-bezier(.275,0,0,1) 1.5s;
}
body.humbActive .l-humbCont__sect:nth-child(2) figure video {
  transform: scale(1);
  transition-delay: 0.2s;
}
body.humbActive .l-humbCont__sect:nth-child(3) figure video {
  transform: scale(1);
  transition-delay: 0.3s;
}


/* lang */

nav.l-humbCont__lang {
  display: none;
  position: absolute;
  z-index: 3;
  top: 3rem;
  left: 3.8rem;
}
nav.l-humbCont__lang ul {
  display: flex;
}
nav.l-humbCont__lang li {
  font-size: 1.1rem;
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
nav.l-humbCont__lang li:nth-child(2) {
  font-size: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: -0.1rem;
  opacity: 0.6;
}

nav.l-humbCont__lang li .current .hideChild {
  opacity: 0.5 !important;
}

/*
active
*/

body.humbActive nav.l-humbCont__lang .hideChild {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.2s;
}

/*
hover
*/

body.humbActive nav.l-humbCont__lang ul li:hover .hideTop {
  transform: translateY(-1.1em);
}
body.humbActive nav.l-humbCont__lang ul li:hover .hideBottom {
  transform: translateY(-1.1em);
}

/* nav */

nav.l-humbCont__nav {
  font-size: 1.3rem;
  font-family: 'Helvetica Neue LT W05_45 Light';
  letter-spacing: 0.08em;
  margin-top: 18.4rem;
  margin-left: 0.1rem;
  display: flex;
  justify-content: center;
}
nav.l-humbCont__nav ul li + li {
  margin-top: 5rem;
}
nav.l-humbCont__nav ul li {
  font-size: 2.1rem;
  white-space: nowrap;
  font-family: trajan-pro-3, serif;
  text-transform: lowercase;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 1.1;
  font-weight: 500;
  opacity: 1;
}
nav.l-humbCont__nav ul li.pc {
  display: block;
}
nav.l-humbCont__nav ul li.sp {
  display: none;
}

/*
humbReceive - about
*/

.humbTriger {
  cursor: pointer;
}
.humbReceive {
  display: none
}
.sp_pc ul {
  margin-top: 3.3rem;
  margin-bottom: -0.5rem;
}
nav.l-humbCont__nav .sp_pc ul li {
  font-size: 1.2rem;
  font-family: garamond-premier-pro-display, serif;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}
nav.l-humbCont__nav .sp_pc ul li + li {
  margin-top: 2.3rem;
}


/*
active
*/

body.humbActive nav.l-humbCont__nav ul li .hideChild {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.2s;
}
body.humbActive nav.l-humbCont__nav ul li:nth-child(1) .hideChild {
  transition-delay: 0.3s;
}
body.humbActive nav.l-humbCont__nav ul li:nth-child(2) .hideChild {
  transition-delay: 0.4s;
}
body.humbActive nav.l-humbCont__nav ul li:nth-child(3) .hideChild {
  transition-delay: 0.4s;
}
body.humbActive nav.l-humbCont__nav ul li:nth-child(4) .hideChild {
  transition-delay: 0.5s;
}
body.humbActive nav.l-humbCont__nav ul li:nth-child(5) .hideChild {
  transition-delay: 0.6s;
}
body.humbActive nav.l-humbCont__nav ul li:nth-child(6) .hideChild {
  transition-delay: 0.7s;
}

/*
hover
*/

body.humbActive nav.l-humbCont__nav ul li .hideParent:hover .hideTop {
  transform: translateY(-1.1em);
}
body.humbActive nav.l-humbCont__nav ul li .hideParent:hover .hideBottom {
  transform: translateY(-1.1em);
}

/* sns */

.l-humbCont__sns {
  margin-top: 6.1rem;
  margin-left: 0.2rem;
}
.l-humbCont__sns ul {
  display: flex;
  justify-content: center;
}
.l-humbCont__sns ul li {
  font-size: 1.8rem;
  opacity: 0.3;
  transition: all ease .35s;
}
.l-humbCont__sns ul li + li {
  margin-left: 1.2rem;
}
.l-humbCont__sns ul li:nth-child(3) {
  margin-left: 0.9rem;
}
.l-humbCont__sns ul li:after {

}

/*
active
*/

body.humbActive .l-humbCont__sns ul li:nth-child(1) .hideChild {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.6s;
}
body.humbActive .l-humbCont__sns ul li:nth-child(2) .hideChild {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.65s;
}
body.humbActive .l-humbCont__sns ul li:nth-child(3) .hideChild {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.7s;
}

/*
hover
*/

body.humbActive .l-humbCont__sns ul li:hover {
  opacity: 0.6;
}


/* btn */

.l-humbCont__btn {
  margin-top: 8.9rem;
  border: 1px solid #f3f3f3;
  /*background: #fbfbfb;*/
  line-height: 1;
  opacity: 0;
  transform: translateY(1rem);
  transition: 0.85s all cubic-bezier(.275,0,0,1);
}
.l-humbCont__btn a {
  font-size: 1.3rem;
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.28em;
  background: #fcfcfc;
  display: inline-block;
  text-align: center;
  text-transform: lowercase;
  width: 100%;
  height: 100%;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}

.l-humbCont__btn + .l-humbCont__btn {
  margin-top: 0.4rem;
  }

/*
active
*/

body.humbActive .l-humbCont__btn {
  transform: translateY(0rem);
  opacity: 1;
  transition-delay: 0.7s;
}

/*
hover
*/

.l-humbCont__btn:hover .hideTop {
  transform: translateY(-1em);
}
.l-humbCont__btn:hover  .hideBottom {
  transform: translateY(-1em);
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Header

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

.fixed {
  z-index: 4;
  pointer-events: none;
}

.l-header {
  width: 100%;
  z-index: 3;
  position: fixed;
}
.l-header div > .inner {
  margin: 0 auto;
  opacity: 0;
  transition: all ease 1.3s;
}

/*
active
*/

body.two .l-header div > .inner {
  opacity: 1;
}

/* --------------------------- 
  ■ title
--------------------------- */

.l-header__title {
  position: relative;
  top: 0rem;
  margin-top: 4.9rem;
  left: 5.3rem;
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 100%;
  opacity: 1;
  z-index: 5;
  pointer-events: visible;
  cursor: pointer;
  transition: all ease .35s;
}
.l-header__title:hover {
  opacity: 0.6;
}

.l-header__title a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.l-header__title a:hover {
  opacity: 1;
}
.l-header__title img {
  height: 100%;
  width: 100%;
  opacity: 0.8;
}

/*
scroll
*/

body.mvBg3 .l-header__title {
  opacity: 0;
  visibility: hidden;
}

/*
white
*/

.midnightHeader.default .l-header__title img.wh {
  display: block;
}
.midnightHeader.default .l-header__title img.bl {
  display: none;
}

.midnightHeader.white .l-header__title img.wh {
  display: block;
}
.midnightHeader.white .l-header__title img.bl {
  display: none;
}

.midnightHeader.whiteB .l-header__title img.wh {
  display: block;
}
.midnightHeader.whiteB .l-header__title img.bl {
  display: none;
}

/*
black
*/

.midnightHeader.black .l-header__title img.wh {
  display: none;
}
.midnightHeader.black .l-header__title img.bl {
  display: block;
  opacity: 0.2;
  height: 70%;
  width: 70%;
}


/*
left
*/

.midnightHeader.left .l-header__title img.wh {
  display: none;
}
.midnightHeader.left .l-header__title img.bl {
  display: block;
  opacity: 0.2;
  height: 70%;
  width: 70%;
}


/*
right
*/

.midnightHeader.right .l-header__title img.wh {
  display: block;
}
.midnightHeader.right .l-header__title img.bl {
  display: none;
}

.midnightHeader.right .l-header__title img.wh {
  display: block;
}
.midnightHeader.right .l-header__title img.bl {
  display: none;
}


/*
Ublack
*/

body.uBlack .midnightHeader.default .l-header__title img.wh {
  display: none;
}
body.uBlack .midnightHeader.default .l-header__title img.bl {
  display: block;
  opacity: 0.2;
}

/*
cBlack
*/

.midnightHeader.cBlack .l-header__title img.wh {
  display: none;
}
.midnightHeader.cBlack .l-header__title img.bl {
  display: block;
  opacity: 0.2;
}

/*
none
*/

.midnightHeader.none .l-header__title {
  display: none;
}

/* --------------------------- 
  ■ mainNav
--------------------------- */

/* ------ common ------- */

.l-header__mainNav {
  position: absolute;
  top: 5.6rem;
  /*right: 22.7rem;*/
  right: 17.8rem;
  z-index: 1;
  pointer-events: visible;
  display: none;
}
.l-header__mainNav ul {
  display: flex;
}

/*
black
*/

.midnightHeader.black .l-header__mainNav {
  display: none;
}

/*
left
*/

.midnightHeader.left .l-header__mainNav {
  display: none;
}

/*
right
*/
.midnightHeader.right .l-header__mainNav {
  display: none;
}

/*
none
*/

.midnightHeader.none .l-header__mainNav {
  display: none;
}

/* ------ nav ------- */

.l-header__mainNav ul.main > li {
  font-size: 1.65rem;
  letter-spacing: 0.065em;
  text-transform: capitalize;
  font-family: minion-3-display, serif;
  position: relative;
}
.l-header__mainNav ul.main > li + li {
  margin-left: 5.3rem;
}
.l-header__mainNav ul li a,
.l-header__mainNav ul li .l-header__triger {
  color: #fff;
  opacity: 0.95;
}

/*
Ublack
*/

body.uBlack .midnightHeader.default .l-header__mainNav ul li a,
body.uBlack .midnightHeader.default .l-header__mainNav ul li .l-header__triger {
  color: #000;
  opacity: 1;
}

/*
cBlack
*/

.midnightHeader.cBlack .l-header__mainNav ul li a,
.midnightHeader.cBlack .l-header__mainNav ul li .l-header__triger {
  color: #000;
  opacity: 1;
}

/*
whiteB
*/

.midnightHeader.whiteB .l-header__mainNav ul li a,
.midnightHeader.whiteB .l-header__mainNav ul li .l-header__triger {
  color: #000;
  opacity: 1;
}


/* ------ menu ------- */

.l-header__triger {

}
.l-header__menu {
  position:fixed;
  background-color: #BEB9B4;
  top: 8.5em;
  right: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: all ease .35s;
  transition-delay: 0s;
}
.l-header__menu.active {
  top:7.5em;
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  transition: 0.85s all cubic-bezier(.275,0,0,1);
}

.l-header__menu  ul {
  display: flex;
  flex-wrap: wrap;
  padding: 3.6rem 4.6rem;
}
.l-header__menu  ul li {
  width: 61%;
  opacity: 0;
  transition: all ease .55s;
}
.l-header__menu  ul li a {
  font-size: 1.5rem;
  font-family:'Optima LT W05 Roman';
  font-family: minion-3-display, serif;
  color: #fff;
  letter-spacing: 0.09em;
}
.l-header__menu  ul li:nth-child(n + 3) {
  margin-top: 1.8rem;
}
.l-header__menu  ul li:nth-child(2n + 2) {
  width: 30%;
  margin-right: -4.1rem;
}

.l-header__menu.active li {
  opacity: 1;
}
.l-header__menu.active li:nth-child(1) {
  transition-delay: 0.1s;
}
.l-header__menu.active li:nth-child(2) {
  transition-delay: 0.125s;
}
.l-header__menu.active li:nth-child(3) {
  transition-delay: 0.15s;
}
.l-header__menu.active li:nth-child(4) {
  transition-delay: 0.175s;
}
.l-header__menu.active li:nth-child(5) {
  transition-delay: 0.2s;
}

/*
pageTrans
*/

body.pageTrans .l-header__menu {
  transform: translateY(-1.5vw);
  opacity: 0.5;
}


/* --------------------------- 
  ■ Lang
--------------------------- */

/* ------ common ------- */

.l-header__lang {
  position: absolute;
  top: 5.4rem;
  right: 15.9rem;
  z-index: 1;
  display: none;
  pointer-events: visible;
}
.l-header__lang .link {
  font-size: 1.55rem;
  font-family: minion-3-display, serif;
  color: #fff;
  letter-spacing: 0.12em;
}

/*
black
*/

.midnightHeader.black .l-header__lang {
  display: none;
}

/*
left
*/

.midnightHeader.left .l-header__lang {
  display: none;
}

/*
right
*/

.midnightHeader.right .l-header__lang {
  display: none;
}

/*
Ublack
*/

body.uBlack .midnightHeader.default .l-header__lang .link {
  color: #000;
}

/*
cBlack
*/

.midnightHeader.cBlack .l-header__lang .link {
  color: #000;
}

/*
whiteB
*/

.midnightHeader.whiteB .l-header__lang .link {
  color: #000;
}

/* ------ trigr ------- */

.l-header__langTrigr {
  cursor: pointer;
  opacity: 0.9;
}
.l-header__langTrigr:before {
  content: "";
  position: absolute;
  width: 105%;
  height: 1px;
  background: rgba(255,255,255,0.5);
  bottom: -0.3rem;
  left: -15%;
}

/*
Ublack
*/

body.uBlack .midnightHeader.default .l-header__langTrigr:before {
  background: rgba(0,0,0,0.5);
}

/*
cBlack
*/

.midnightHeader.cBlack .l-header__langTrigr:before {
  background: rgba(0,0,0,0.5);
}

/*
whiteB
*/

.midnightHeader.whiteB .l-header__langTrigr:before {
  background: rgba(0,0,0,0.5);
}


/* ------ list ------- */

.l-header__lang ul {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(0.2vw);
  padding-top: 0.9em;
  opacity: 0;
  visibility: hidden;
  transition: all ease .15s;
}
.l-header__langTrigr:hover + ul,
.l-header__lang ul:hover {
  opacity: 1;
  transform: translateX(-50%) translateY(0vw);
  visibility: visible;
  transition: all ease .35s;
}

/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Footer

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

footer.l-footer {
  background-color: #fff;
  height: 100vh;
  width: 100%;
  position: relative;
}
footer.l-footer > .inner {
  width: 77%;
  margin: 0 auto;
  top: 14.8vh;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease .2s;
  transition-delay: 0s;
}

/* 
Active
*/

body.changeColor footer.l-footer > .inner {
  top: 15.2vh;
  opacity: 1;
  visibility: visible;
  transition: all ease .65s;
}


/* --------------------------- 
  ■ top
--------------------------- */

/* ------ title ------ */

.l-footer__title {
  font-size: 6.4rem;
  font-family: garamond-premier-pro-display, serif;
  font-weight: 600;
  letter-spacing: 0.18em;
  line-height: 0.9;
  text-transform: uppercase;
}

/* ------ sub ------ */

.l-footer__sub {
  font-size: 1.4rem;
  font-family: 'Optima LT W05 Roman';
  letter-spacing: 0.05em;
  margin-top: 2.9rem;
  margin-left: 0.5rem;
  opacity: 0.2;
}

/* ------ btn ------ */

footer.l-footer .c-btn {
  margin-top: 5.8rem;
  width: 9.2rem;
  height: 9.2rem;
}

/* --------------------------- 
  ■ Bottom
--------------------------- */

/* ------ common ------ */

footer.l-footer .bottom {
  position: absolute;
  width: 100%;
  bottom: 12.8rem;
}

/* ------ Nav ------ */

/* 
common
*/

.l-footer__nav {
  display: flex;
}
.l-footer__nav nav + nav {
  margin-left: 8.7rem;
}

/* 
title
*/

.l-footer__navTitle {
  font-size: 2.6rem;
  font-family: 'minion-3-display';
  letter-spacing: 0.07em;
  font-weight: 500;
}

/* 
list
*/

.l-footer__navCont {
  display: flex;
}
ul.l-footer__navList {
  margin-top: 2.3rem;
  margin-left: 0rem;
}
ul.l-footer__navList + ul {
  margin-left: 5.6rem;
}
ul.l-footer__navList li {
  font-size: 1.2rem;
  font-family:'Helvetica Neue LT W05_45 Light';
  letter-spacing: 0.09em;
  opacity: 0.25;
}
ul.l-footer__navList li + li {
  margin-top: 1.6rem;
}

/* ------ SNS ------ */

.l-footer__sns {
  position: absolute;
  right: -8.6rem;
  bottom: -5.3rem;
}
.l-footer__sns ul {
  display: flex;
  align-items: center;
}
.l-footer__sns ul li {
  font-size: 1.8rem;
  opacity: 0.3;
}
.l-footer__sns ul li.f {
  margin-top: -0.1rem;
}
.l-footer__sns ul li + li {
  margin-left: 1.2rem;
}
.l-footer__sns ul li + li:nth-child(3) {
  margin-left: 1.1rem;
}

/* ------ copy ------ */

.l-footer__copy {
  font-size: 1.4rem;
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.15em;
  text-transform: lowercase;
  opacity: 0.3;
  text-align: center;
}

/* ------ toTop ------ */

.l-footer__toTop {
  position: absolute;
  right: -7rem;
  bottom: -1.8rem;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  display: none;
}
.l-footer__toTop:before {
  content: "";
  left: 59%;
  top: 78%;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border-top: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  -webkit-transform: rotate(-45deg) translate(-50%,-50%);
  transform: rotate(-45deg) translate(-50%,-50%);
  z-index: 1;
  transition: all ease .35s;
  transition-delay: 0.1s;
}
.l-footer__toTop:after {
  content: "";
  left: 59%;
  top: 106%;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border-top: 1px solid #a4a4a4;
  border-right: 1px solid #a4a4a4;
  -webkit-transform: rotate(-45deg) translate(-50%,-50%);
  transform: rotate(-45deg) translate(-50%,-50%);
  z-index: 1;
  opacity: 0;
  transition: all ease .35s;
  transition-delay: 0s;
}

/* 
hover
*/

.l-footer__toTop:hover:before {
  top: 49%;
  opacity: 0;
  transition-delay: 0s;
}
.l-footer__toTop:hover:after {
  top: 79%;
  opacity: 1;
  transition-delay: 0.1s;
}


/* 
=======================================


// ● Components  //


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Btn

><><><><><><><><><><><><><><><><><><><>

/* ------ common ------ */

.c-btn {
  width: 9.6rem;
  height: 9.6rem;
  border: 0px solid #e8e8e8;
  border-radius: 100%;
  position: relative;
  z-index: 1;
}
.arrowWrap {
  display: block;
  width: 100%;
  height: 100%;
}

/* normal */

.c-btn:before {
  position: absolute;
  content: "";
  display: inline-block;
  background-image: url(../../../assets/img/common/arrow-br.svg);
  background-size: cover;
  height: 1.15rem;
  width: 1.05rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  opacity: 1;
  transition:all ease .35s;
  transition-delay: 0.3s;
}
.c-btn:after {
  position: absolute;
  content: "";
  display: inline-block;
  background-image: url(../../../assets/img/common/arrow-br.svg);
  background-size: cover;
  height: 1.15rem;
  width: 1.05rem;
  opacity: 0;
  top: 50%;
  left: 45%;
  transform: translate(-50%,-50%);
  z-index: -1;
  opacity: 0;
  transition:all ease .35s;
  transition-delay: 0s;
}

.c-btn a,.c-btn .link {
  display: block;
  width: 100%;
  height: 100%;
}

/* arrowLink */

.c-btn.arrowLink:before {
  display: none;
}
.c-btn.arrowLink:after {
  display: none;
}

.c-btn.arrowLink .arrowWrap:before {
  content:"";
  position: absolute;
  width: 1.65rem;
  height: 1.6rem;
  background-image: url(../../../assets/img/common/arrowLink.svg);
  background-size: cover;
  top: 49%;
  left: 51%;
  opacity: 0.8;
  transform: translate(-50%,-50%);
  transition: all ease .35s;
  transition-delay: 0.1s;
}
.c-btn.arrowLink .arrowWrap:after {
  content:"";
  position: absolute;
  width: 1.65rem;
  height: 1.6rem;
  background-image: url(../../../assets/img/common/arrowLink.svg);
  background-size: cover;
  top: 57%;
  left: 45%;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: all ease .35s;
  transition-delay: 0.1s;
}

.c-btn.arrowLink .arrowWrap.white:before {
  background-image: url(../../../assets/img/common/arrowLink_wh.svg);
}
.c-btn.arrowLink .arrowWrap.white:after {
  background-image: url(../../../assets/img/common/arrowLink_wh.svg);
}

/*
hover
*/

.c-btn.arrowLink:hover .arrowWrap:before {
  top: 43%;
  left: 57%;
  opacity: 0;
  transition-delay: 0s;
}
.c-btn.arrowLink:hover .arrowWrap:after {
  top: 49%;
  left: 51%;
  opacity: 0.8;
  transition-delay: 0.1s;
}


/*
CircleBase
*/

.c-btn .circleBase {
  fill:transparent;
  stroke:#eaeaea;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}

/* sectNav */

section.l-sectNav .c-btn .circleBase {
  stroke: rgba(255,255,255,0.4);
}

/* sectCase */

section.l-sectCase.case .c-btn .circleBase {
  stroke: rgb(168 167 167 / 40%);
}


/*
CircleArrow
*/

.c-btn .circleArrow {
  fill:transparent;
  stroke:rgba(0,0,0,0);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);
}

/* sectAbout */

section.l-sectAbout .circleArrow circle {
  stroke-dasharray:295;
  stroke-dashoffset:0;
  transition:all .55s ease;
}
section.l-sectAbout .c-btn:hover .circleArrow circle {
  stroke-dashoffset:590;
}
section.l-sectAbout .c-btn:hover .circleArrow  {
  stroke:rgba(0,0,0,0.2);
}

/* sectNav */

section.l-sectNav .c-btn .circleArrow circle {
  stroke-dasharray:327;
  stroke-dashoffset:0;
  transition:all .55s ease;
}
section.l-sectNav .left:hover + .right .c-btn .circleArrow circle,
section.l-sectNav .c-btn:hover .circleArrow circle {
  stroke-dashoffset:654;
}
section.l-sectNav .left:hover + .right .c-btn .circleArrow,
section.l-sectNav .c-btn:hover .circleArrow  {
  stroke:rgba(255,255,255,0.3);
}

/* sectCase */

section.l-sectCase.case .c-btn .circleArrow circle {
  stroke-dasharray:327;
  stroke-dashoffset:0;
  transition:all .55s ease;
}
section.l-sectCase.case .c-btn:hover .circleArrow circle {
  stroke-dashoffset:654;
}
section.l-sectCase.case .c-btn:hover .circleArrow  {
  stroke:rgba(0,0,0,0.2);
}

/* sectCase */

section.l-sectStory .c-btn .circleArrow circle {
  stroke-dasharray:327;
  stroke-dashoffset:0;
  transition:all .55s ease;
}
section.l-sectStory .c-btn:hover .circleArrow circle {
  stroke-dashoffset:654;
}
section.l-sectStory .c-btn:hover .circleArrow  {
  stroke:rgba(0,0,0,0.2);
}


/* sectAsym */

section.l-sectAsym .circleArrow circle {
  stroke-dasharray:295;
  stroke-dashoffset:0;
  transition:all .55s ease;
}
section.l-sectAsym .c-btn:hover .circleArrow circle {
  stroke-dashoffset:590;
}
section.l-sectAsym .c-btn:hover .circleArrow  {
  stroke:rgba(0,0,0,0.2);
}

/* sectSlider */

.l-sectSlider__list li .c-btn .circleArrow circle {
  stroke-dasharray:295;
  stroke-dashoffset:0;
  transition:all .55s ease;
}
.l-sectSlider__list .slick-slide.active .circleArrow circle {
  stroke-dashoffset:590;
}
.l-sectSlider__list .slick-slide.active .circleArrow  {
  stroke:rgba(0,0,0,0.2);
}


/*
footer
*/

footer.l-footer .c-btn:before {
  height: 1.3rem;
  width: 1.2rem;
  opacity: 0;
}
footer.l-footer .c-btn:after {
  height: 1.3rem;
  width: 1.2rem;
}
body.changeColor footer.l-footer .c-btn:before {
  opacity: 1;
}

footer .c-btn .circleArrow circle {
  stroke-dasharray:308;
  stroke-dashoffset:0;
  transition:all .55s ease;
}
footer .c-btn:hover .circleArrow circle {
  stroke-dashoffset:616;
}
footer .c-btn:hover .circleArrow  {
  stroke:rgba(0,0,0,0.2);
}


/*
hover
*/

.c-btn:hover:before,
.l-sectNav__cont .left:hover + .right .c-btn:before,
.l-sectionNav__cont .cont:hover + .c-btn:before {
  transition:all ease .35s;
  opacity: 0;
  left: 55%;
  transition-delay: 0s;
}
.c-btn:hover:after,
.l-sectNav__cont .left:hover + .right .c-btn:after,
.l-sectionNav__cont .cont:hover + .c-btn:after {
  opacity: 1;
  left: 50%;
  transition-delay: 0.3s;
}

body.changeColor footer.l-footer .c-btn:hover:before {
  transition:all ease .35s;
  opacity: 0;
  left: 55%;
  transition-delay: 0s;
}

/*
white
*/

.c-btn.white {
  /*border: 1px solid rgba(255,255,255,0.4);*/
}
.c-btn.white:before {
  opacity: 0.8;
  height: 1.5rem;
  width: 1.4rem;
}
.c-btn.white:after {
  height: 1.5rem;
  width: 1.4rem;
}

.c-btn.white:hover:before {
  opacity: 0;
}
.c-btn.white:hover:after {
  opacity: 0.8;
}

/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Link

><><><><><><><><><><><><><><><><><><><>

/* ------ common ------ */

.c-link {
  color: #535330;
  font-size: 1.4rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.475em;
  font-weight: 600;
  margin-top: 5.1rem;
  position: relative;
  text-transform: uppercase;
  border: 1px solid #ededed;
  text-align: center;
  margin-left: -1.3rem;
  border-radius: 6rem;
  width: 43rem;
}
.c-link:hover {
  background: #F8F8F8;
}
.c-link a {
  color: #8a744b;
  padding: 2.5rem 0;
  display: block;
  background: #f7f7f7;
  border-radius: 6rem;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Heading

><><><><><><><><><><><><><><><><><><><>

/* ------ main ------ */

.c-heading .main {
  font-size: 2.7rem;
  font-family: 'Zen Old Mincho', serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}

/* ------ sub ------ */

.c-heading .sub {
  display: block;
  font-size: 1.4rem;
  font-family: garamond-premier-pro-display, serif;
  font-weight: 400;
  margin-top: 1.7rem;
  margin-left: 0.2rem;
  letter-spacing: 0.125em;
  opacity: 0.3;
}

/*
white
*/

body.top.mvBg3 section.l-underSect .c-heading .sub,
section.l-underSect.white .c-heading .sub,
.l-bespokeDetail__intro .c-heading .sub {
  opacity: 0.45;
}



/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Desc

><><><><><><><><><><><><><><><><><><><>

/* ------ common ------ */

.c-desc {
  font-size: 1.5rem;
  font-family: 'Zen Old Mincho', serif;
  line-height: 2.95;
  letter-spacing: 0.135em;
  width: 105%;
}
.c-desc span {
  font-size: 77%;
  line-height: 2.5;
  display: block;
  margin-top: 0.6rem;
}

/*
margin
*/

.c-heading + .c-desc {
  margin-top: 3.5rem;
}

/* ------ sign ------ */

.c-sign {
  margin-top: 5.5rem;
  margin-left: -1.5rem;
  width: 33.4rem;
  margin-bottom: 5rem;
}
.c-sign svg {
  opacity: 0.8;
}
.c-sign path {
  fill: #fff !important;
}


/* 
=======================================


// ● Section  //


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Main

><><><><><><><><><><><><><><><><><><><>

/* ------ common ------- */

main {
  background-color: #fff;
  position: relative;
  z-index: 1;
  transition: all ease 1s;
}

/* 
only
*/

main.only {
  padding-top: 0.3rem;
}
main.only section.l-sectNav {
  opacity: 0;
  transition: all ease 1s;
}
body.only section.l-sectNav {
  opacity: 1;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ NewsList

><><><><><><><><><><><><><><><><><><><>

/* ------ common ------- */

ul.l-sectionNewslist {
  margin-top: 8.5rem;
  position: relative;
}

/* ------ cont ------- */

/* common */

li.l-sectionNewslist__cont {
  border-bottom: 1px dotted #e8e8e8;
  transition: all ease .55s;
}
li.l-sectionNewslist__cont:hover {
  border-bottom: 1px dotted #e8e8e8;
}

li.l-sectionNewslist__cont:first-child {
  border-top: 1px dotted #e8e8e8;
}

li.l-sectionNewslist__cont > .inner {
  display: flex;
  width: 98.7%;
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
  margin: 0 auto;
  align-items: center;
}

/*
top
*/

body.top li.l-sectionNewslist__cont > .inner {
  padding-top: 5.8rem;
  padding-bottom: 6.5rem;
}

/* date */

li.l-sectionNewslist__cont .date {
  font-size: 1.45rem;
  letter-spacing: 0.075em;
  font-family: athelas, serif;
  width: 16.1%;
  margin-top: 0.1rem;
  color: #baad96;
  text-transform: capitalize;
  font-variant: small-caps;
  padding-left: 0.1rem;
}
li.l-sectionNewslist__cont .date span {
  display: block;
}
li.l-sectionNewslist__cont .date span + span {
  margin-top: 0.2rem;
}
li.l-sectionNewslist__cont .date span:nth-child(1):after {
  content: ",";
}

/* title */

li.l-sectionNewslist__cont .title {
  width: 53%;
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.7rem;
  letter-spacing: 0.075em;
  margin-top: -1rem;
  transition: all ease 0.3s;
}
li.l-sectionNewslist__cont .title:hover {
  opacity: 0.6;
}

/*
inDate
*/

li.l-sectionNewslist__cont .title__date {
  display: none;
}

/* figure */

li.l-sectionNewslist__cont figure {
  width: 9.8vw;
  height: 9.8vw;
  overflow: hidden;
  z-index: 0;
  margin-left: auto;
  margin-right: 0.2rem;
}
li.l-sectionNewslist__cont figure img {
  width: 100%;
  height: 100%;
  filter: grayscale(0);
  transform: scale(1.1);
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transition: all ease 0.6s;
}

/*
active
*/

li.l-sectionNewslist__cont.fadeInUp figure img {
  transform: scale(1);
}
li.l-sectionNewslist__cont .title:hover + div + figure img {
  transform: scale(1.1);
  opacity: 0.7;
} 
li.l-sectionNewslist__cont figure:hover img {
  transform: scale(1.1);
  opacity: 0.7;
} 

/*
top
*/

body.top figure.newsHoverImg {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 19vw;
  height: 26vw;
  transform: translate(30%, -50%);
  opacity: 0.8 !important;
  filter: grayscale(0);
  pointer-events: none;
}
body.top figure.newsHoverImg img {
  opacity: 0 !important;
  filter: grayscale(0);
}
body.top li.l-sectionNewslist__cont .title:hover + div + figure img {
  transform: scale(1);
  opacity: 1 !important;
  filter: grayscale(0);
}

/*
hover
*/

figure.newsHoverImg.hoverImg img {
  opacity: 1;
  transform: scale(1);
}


/* arrow */

li.l-sectionNewslist__cont .arrow {
  margin-left: auto;
  margin-top: -0.1rem;
  margin-right: 0.7rem;
  display: none;
}
li.l-sectionNewslist__cont .arrow img {
  height: 0.7rem;
  opacity: 0.2;
}

/*
top
*/

body.top li.l-sectionNewslist__cont .arrow {
  display: block;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectNav

><><><><><><><><><><><><><><><><><><><>

/* ------ common ------ */

section.l-sectNav {
  color: #fff;
  height: 50.4vw;
  width: calc(100% - 1.3rem);
  margin: 0 auto 0rem;
  display: flex;
  background-color: #ccc;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
section.l-sectNav + section.l-sectNav {
  margin-top: 0.6rem;
}

section.l-sectNav a {
  width: 100%;
  height: 100%;
  display: inherit;
  position: relative;
  margin-top: auto;
}
section.l-sectNav a:hover {
  opacity: 1;
}
section.l-sectNav > .inner,
section.l-sectNav a > .inner {
  width: 79.3%;
  padding: 0rem 0rem 11rem;
  margin:auto auto 0;
  transition: all ease .5s;
  transition-delay: 1s;
}
.l-sectNav__cont {
  display: flex;
  align-self: flex-end;
}

/*
bg
*/

section.l-sectNav:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  transition: all ease 1.2s;
}
section.l-sectNav.active:before {
  background-color: rgba(0,0,0,0.3);
}

section.l-sectNav.magazine {
  background-image: url(../../../assets/img/photo/magazine/section.jpg);
}
section.l-sectNav.time {
  background-image: url(../../../assets/img/photo/magazine/01_time/thumb.jpg);
}
section.l-sectNav.seed {
  background-image: url(../../../assets/img/photo/magazine/02_seed/thumb.jpg);
}

section.l-sectNav.project {
  background-image: url(../../../assets/img/photo/project/section.jpg);
}

section.l-sectNav.bespoke {
  background-image: url(../../../assets/img/photo/bespoke/section.jpg);
}
section.l-sectNav.web {
  background-image: url(../../../assets/img/photo/bespoke/section.jpg);
}
section.l-sectNav.graphic {
  background-image: url(../../../assets/img/photo/bespoke/section.jpg);
}
section.l-sectNav.brand {
  background-image: url(../../../assets/img/photo/bespoke/section.jpg);
}
section.l-sectNav.writing {
  background-image: url(../../../assets/img/photo/bespoke/section.jpg);
}


section.l-sectNav.philosophy {
 background-image: url(../../../assets/img/photo/philosophy/section.jpg);
}
section.l-sectNav.story {
  background-image: url(../../../assets/img/photo/philosophy/01_story/section.jpg);
}
section.l-sectNav.aes {
  background-image: url(../../../assets/img/photo/philosophy/01_story/aes/thumb.jpg);
}
section.l-sectNav.life {
  background-image: url(../../../assets/img/photo/philosophy/01_story/life/thumb.jpg);
}

section.l-sectNav.vision {
  background-image: url(../../../assets/img/photo/philosophy/02_vision/section.jpg);
}

section.l-sectNav.ethos {
  background-image: url(../../../assets/img/photo/philosophy/03_ethos/section.jpg);
}
section.l-sectNav.mod {
  background-image: url(../../../assets/img/photo/philosophy/03_ethos/modesty/thumb.jpg);
}
section.l-sectNav.poe {
  background-image: url(../../../assets/img/photo/philosophy/03_ethos/poetry/thumb.jpg);
}
section.l-sectNav.cir {
  background-image: url(../../../assets/img/photo/philosophy/03_ethos/circle/thumb.jpg);
}

section.l-sectNav.hascouture {
  background-image: url(../../../assets/img/photo/bespoke/bg.jpg);
}
section.l-sectNav.hasmagazine {
  background-image: url(../../../assets/img/photo/magazine/bg.jpg);
}

/* ------ num ------ */

.l-sectNav__num {
  font-size: 2.35rem;
  font-family: athelas, serif;
  letter-spacing: 0.05em;
  margin-left: 0.9rem;
  position: relative;
  display: inline-block;
  margin-bottom: 2.6rem;
  color: #fff;
}
.l-sectNav__num:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background-color: rgba(255,255,255,0.3);
  bottom: -0.7rem;
  left: -0.1rem;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
  transition-delay: 0s;
}

/*
next
*/

.l-sectNav__num.next {
  font-family: trajan-pro-3, serif;
  font-size: 1.3rem;
}


/*
active
*/

.l-sectNav__num.fadeInUp:before {
  width: 100%;
  transition-delay: .5s;
}

/* ------ left ------ */

/* common */

section.l-sectNav .left {
  width: initial;
  margin-right: 9.4rem;
}
section.l-sectNav .left {
  color: #fff;
}

/* title */

section.l-sectNav .title {
  font-size: 6.9rem;
  font-family: garamond-premier-pro-display, serif;
  font-weight: 500;
  letter-spacing: 0.21em;
  font-variant: small-caps;
  text-transform: uppercase;
  margin-top: 2.9rem;
  margin-left: 0.1rem;
  line-height: 0.9;
}
section.l-sectNav .title span.hideParent:nth-child(1) {
  font-weight: 600;
}

/*
case
*/

body.single section.l-sectNav .title {
  font-size: 7.75rem;
}


/* sub */

section.l-sectNav .sub {
  font-size: 1.2rem;
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.15em;
  margin-top: 3.1rem;
  margin-left: 0.3rem;
  opacity: 0;
  display: inline-block;
  text-transform: lowercase;
  font-variant: small-caps;
}
section.l-sectNav .sub.jpn {
  font-size: 1.45rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.18em;
}
section.l-sectNav .sub:after {
  content: "";
  display: block;
  border-top: 1px solid rgba(255,255,255,0.4);
  margin-top: 1.2rem;
  margin-left: -0.1rem;
  width: 0;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
  transition-delay: 0s;
}

/*
active
*/

section.l-sectNav .sub.fadeInUp {
  opacity: 0.8;
}
section.l-sectNav .sub.fadeInUp:after {
  width: calc(100% + 0rem);
  transition-delay: .5s;
}

/* desc */

section.l-sectNav p.desc {
  font-size: 1.25rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.05em;
  line-height: 2.25;
  opacity: 0;
  margin-top: 3.5rem;
  max-width: 31rem;
}

/*
active
*/

section.l-sectNav p.desc.fadeInUp {
  opacity: 0.45;
}

/* ------ right ------ */

/* common */

section.l-sectNav .right {
  margin-left: auto;
  display: flex;
}

/* btn */

section.l-sectNav .c-btn {
  width: 10.4rem;
  height: 10.4rem;
  margin-top: auto;
  margin-bottom: 0rem;
  margin-right:-3rem;
  transition: all   .35s;
  cursor: pointer;
}

/* ------ l-sectExp ------ */

/* common */

section.l-sectExp {
  height: 56.5vw;
  text-align: center;
}
section.l-sectExp a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-sectExp__cont {
  margin-top: 5rem;
}

/* title */

section.l-sectExp .title {
  font-size: 5.8rem;
}

/* btn */

section.l-sectExp .btn {
  display: inline-block;
  font-size: 2.1rem;
  line-height: 1;
  font-family: garamond-premier-pro-display, sans-serif;
  text-transform: lowercase;
  font-variant: small-caps;
  text-align: center;
  margin-top: 4.3rem;
  margin-bottom: 1.1rem;
  letter-spacing: 0.24em;
  position: relative;
}
.l-sectExp__cont .btn:before {
  content:"";
  position: absolute;
  bottom:-1.4rem;
  left: -0.8rem;
  width: 104%;
  height: .1rem;
  background-color: rgba(255,255,255,0.6);
  transform: scale(0, 1);
  transform-origin: left top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0.5s;
}
.l-sectExp__cont .btn.hideInUp:before {
  transform: scale(1, 1);
}

.l-sectExp__cont:hover .btn.hideInUp::before {
  transform-origin: right top;
  transform: scale(0, 1);
  transition-delay: 0s;
}

.l-sectExp__cont .btn:after {
  content:"";
  position: absolute;
  bottom:-1.4rem;
  left: -0.8rem;
  width: 104%;
  height: .1rem;
  background-color: rgba(255,255,255,0.6);
  transform: scale(0, 1);
  transform-origin: right top;
  transition: -webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition: transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1),-webkit-transform 0.4s cubic-bezier(0.08, 0.92, 0.35, 1);
  transition-delay: 0.3s;
}
.l-sectExp__cont:hover .btn::after {
  transform-origin: left top;
  transform: scale(1, 1);
  transition-delay: 0.3s;
}


/* desc */

section.l-sectExp .desc {
  margin: 0 auto;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectSubTitle

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectSubTitle {
  font-size: 3.05rem;
  font-family: garamond-premier-pro-display, sans-serif;
  text-transform: lowercase;
  font-variant: small-caps;
  text-align: center;
  letter-spacing: 0.24em;
  position: relative;
  padding-top: 17.5rem;
  padding-bottom: 17.5rem;
}
section.l-sectSubTitle span {
  display: inline-block;
  position: relative;
}
section.l-sectSubTitle span:before {
  content: "";
  position: absolute;
  width: 15%;
  left: 41%;
  border-bottom: 0px solid #e8e8e8;
  bottom: -2.6rem;
}

/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectUnderNav

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectUnderNav {
  background-color: #fcfcfc;
}
section.l-sectUnderNav ul {
  display: flex;
  justify-content: center;
  padding: 3.7rem 0 3.8rem;
}
section.l-sectUnderNav ul li {
  font-size: 1.45rem;
  font-family: garamond-premier-pro-display, sans-serif;
  letter-spacing: 0.4em;
  position: relative;
  text-transform: uppercase;
  padding-right: 5.1rem;
  padding-left: 5.1rem;
}
section.l-sectUnderNav ul li a.current {
  color: #aca379;
  font-weight: 600;
}
section.l-sectUnderNav ul li:before {
  content:"";
  position: absolute;
  height: 59%;
  width: 1px;
  background-color: #D8D8D8;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
}
section.l-sectUnderNav ul li:last-child:after {
  content: "";
  position: absolute;
  height: 59%;
  width: 1px;
  background-color: #D8D8D8;
  right: 0;
  top: 45%;
  transform: translateY(-50%);
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectAbout

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectAbout {
  z-index: 1;
  position: relative;
  background: #fff;
}
section.l-sectAbout > .inner {
  display: flex;
  padding: 14rem 0 14rem;
  align-items: center;
}
section.l-sectAbout .left {
  width: 50%;
}
section.l-sectAbout .right {
  width: 50%;
}

/*
magazine
*/

section.l-sectAbout.magazine .right {
  margin-left: -3.1rem;
}

/*
bespoke
*/

section.l-sectAbout.bespoke .right {
  margin-left: -3rem;
}


/* --------------------------- 
  ■ image
--------------------------- */

/* ------ common------ */

section.l-sectAbout .image {
  width: 68%;
  height: 47vw;
  overflow: hidden;
  margin:0 auto;
  padding-left: 7rem;
}
section.l-sectAbout .image figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all ease 1s;
}
section.l-sectAbout .image figure img {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.1);
  transition: all ease 2s;
  transition-delay: 0.2s;
}

/*
scroll
*/

section.l-sectAbout .image.fadeInUp figure img {
  transform: scale(1);
}


/* --------------------------- 
  ■ cont
--------------------------- */

/* ------ common------ */

section.l-sectAbout .cont {
  width: 69%;
  margin:0 auto;
}

/* ------ title------ */

section.l-sectAbout .title {
  font-size: 4.9rem;
  font-family: minion-3-display, sans-serif;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.425em;
}
section.l-sectAbout .title .bold {

}
section.l-sectAbout .title .normal {
  font-weight: 400;
}

/*
magazine
*/

section.l-sectAbout .title.magazine {
  margin-left: 3.3rem;
  letter-spacing: 0.55em;
}

/* ------ sub ----- */

section.l-sectAbout .sub {
  font-size: 1.15rem;
  color: #baad96;
  font-family: garamond-premier-pro-display, serif;
  text-transform: uppercase;
  letter-spacing: 0.32em;
  margin-top: 2.5rem;
  margin-left: 0.1rem;
  display: none;
}

/* ------ desc ----- */

section.l-sectAbout .desc {
  font-size: 1.35rem;
  font-family: 'Zen Old Mincho', serif;
  line-height: 2.6;
  letter-spacing: 0.05em;
  width: 40rem;
  margin-top: 4.1rem;
}

/* ------ btn ----- */

section.l-sectAbout .c-btn {
  margin-top: 4.8rem;
  margin-left: 0rem;
}

/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectCase

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectCase {
  background-color: #F8F8F8;
  z-index: 1;
  position: relative;
  padding-bottom: 17.5rem;
  margin: 0 auto 0rem;
}
section.l-sectCase > .inner {
  width: 83.5%;
  margin:0 auto;
}

/* --------------------------- 
  ■ title
--------------------------- */

.l-sectTitle {
  font-size: 2.95rem;
  font-family: garamond-premier-pro-display, serif;
  letter-spacing: 0.465em;
  color: #b4a181;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  padding-top: 13.7rem;
  padding-bottom: 11rem;
  margin-left: 2.1rem;
}
.l-sectTitle span.bold {
  font-weight: 600;
}

/*
two
*/

section.l-sectPhilo.two .l-sectTitle {
  margin-left: 1.8rem;
}

/* --------------------------- 
  ■ list
--------------------------- */

/* ------ title ------ */

.l-sectCaseList__title {
  position: relative;
  cursor: pointer;
  border-top: 1px dotted rgb(76 76 76 / 17%);
}
.l-sectCaseList__title > .inner {
  padding: 4.8rem 4.2rem;
  display: flex;
  position: relative;
  transition: all ease .5s;
}
.l-sectCaseList__title .wrap {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.l-sectCaseList__title > .inner.active2,
.l-sectCaseList__title > .inner.active,
.l-sectCaseList__title > .inner.active3 { 
  background-color: #f2f2f2;
}

/*
border
*/

.l-sectCaseList__title:before {
  content:"";
  width: 0;
  position: absolute;
  transition: 1.05s all cubic-bezier(.275,0,0,1);
}
.l-sectCaseList:last-child .l-sectCaseList__title:after {
  content:"";
  width: 0;
  position: absolute;
  border-bottom: 1px dotted rgb(76 76 76 / 17%);
  transition: 1.05s all cubic-bezier(.275,0,0,1);
}

.l-sectCaseList__title.hideInUp:before {
  width: 100%;
}
.l-sectCaseList:last-child .l-sectCaseList__title.hideInUp:after {
  width: 100%;
}

/*
cross
*/

.l-sectCaseList__title .wrap:before,
.l-sectCaseList__title .wrap:after {
  content:"";
  display: block;
  position: absolute;
  right: 3.5rem;
  height: 1px;
  width: 0.95rem;
  background-color: #666666;
  transition: all ease .4s;
}
.l-sectCaseList__title .wrap.active:after {
   transform: rotate(90deg);
}
.l-sectCaseList__title.active .wrap:after {
   transform: rotate(0deg);
}

/* num */

.l-sectCaseList__title .num {
  font-size: 1.6rem;
  font-family: athelas, serif;
  letter-spacing: 0.2em;
  color: #93856c;
  margin-right: 5.8rem;
}

.l-sectCaseList:nth-child(1) .l-sectCaseList__title .num .hideTop:before,
.l-sectCaseList:nth-child(1) .l-sectCaseList__title .num .hideBottom:before {
  content:"#01";
}
.l-sectCaseList:nth-child(2) .l-sectCaseList__title .num .hideTop:before,
.l-sectCaseList:nth-child(2) .l-sectCaseList__title .num .hideBottom:before {
  content:"#02";
}
.l-sectCaseList:nth-child(3) .l-sectCaseList__title .num .hideTop:before,
.l-sectCaseList:nth-child(3) .l-sectCaseList__title .num .hideBottom:before {
  content:"#03";
}
.l-sectCaseList:nth-child(4) .l-sectCaseList__title .num .hideTop:before,
.l-sectCaseList:nth-child(4) .l-sectCaseList__title .num .hideBottom:before {
  content:"#04";
}

/* title */

.l-sectCaseList__title .title {
  font-size: 2.3rem;
  font-family: minion-3-display, sans-serif;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.21em;
  position: relative;
  font-variant: small-caps;
  text-transform: lowercase;
}
.l-sectCaseList__title .title:before {
  content:"";
  position: absolute;
  display: block;
  top: 54%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 0rem;
/*  background-color: rgba(255,255,255,0.3);*/
  transition: all ease .5s;
}
.l-sectCaseList__title .title.hideInUp:before {
  height: 0.9rem;
}

/* desc */

.l-sectCaseList__title .desc {
  font-size: 1.2rem;
  font-family: athelas, serif;
  letter-spacing: 0.05em;
  opacity: 0.25;
}

/* image */

.caseImage {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 17vw;
  height: 24vw;
  z-index: 3;
  transform: translate(30%, -50%);
  pointer-events: none;
}

.caseImage figure {
  width: 100%;
  height: 100%;
  opacity: 0.8 !important;
  filter: grayscale(0);
  pointer-events: none;
  overflow: hidden;
}
.caseImage figure img {
  width: 100%;
  height: 100%;
  opacity: 0!important;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.1);
  filter: grayscale(0);
  transition: all ease .5s;
}

/*
hover
*/

.l-sectCaseList__title .wrap.active:hover .caseImage img {
  opacity: 1!important;
  transform: scale(1);
}

/* ------ cont------ */

.l-sectCaseList__cont {
  border-top: 1px dotted rgb(164 164 164 / 25%);
  display: none;
}
.l-sectCaseList__cont > .inner {
  width: 91%;
  margin: 6rem auto;
  display: flex;
}
.l-sectCaseList__cont .left {
  width: 20%;
}
.l-sectCaseList__cont .right {
  width: 52%;
  margin-left: 6%;
}

.l-sectCaseList:last-child .l-sectCaseList__cont {
  border-top: initial;
  border-bottom: 1px dotted rgba(255,255,255,0.3);
}

/* image */

.l-sectCaseList__cont .image {
  width: 100%;
  border:1px solid #fff;
  box-sizing: border-box;
}
.l-sectCaseList__cont .image figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all ease 1s;
}
.l-sectCaseList__cont .image figure img {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.05);
  transition: all ease 2s;
  transition-delay: 0.2s;
}

/*
active
*/

.l-sectCaseList__cont .image.fadeInUp figure img {
  transform: scale(1);
}


/* cont */

.l-sectCaseList__cont .cont {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/* title */

.l-sectCaseList__cont .title {
  font-size: 4rem;
  font-family: minion-3-display, sans-serif;
  font-weight: 600;
  letter-spacing: 0.125em;
  font-variant: small-caps;
}

/* sub */

.l-sectCaseList__cont .sub {
  font-family: athelas, serif;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  opacity: 0.2;
  margin-left: 0.2rem;
  margin-top: 1.6rem;
}

/* desc */

.l-sectCaseList__cont .desc {
  font-size: 1.3rem;
  font-family: garamond-premier-pro-display, serif;
  letter-spacing: 0.065em;
  line-height: 2.6;
}

/* btn */

.l-sectCaseList__cont .c-btn {
  margin-top: 5.5rem;
  margin-left: 1rem;
}

/* --------------------------- 
  ■ Showall
--------------------------- */

/* ------ common ------ */

.l-sectCase__show {
  font-size: 1.6rem;
  font-family: minion-3-display, sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin-top: 12rem;
  letter-spacing: 0.45em;
}
.l-sectCase__show a {
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  padding-right: 3.9rem;
}

/*
arrow
*/

.l-sectCase__show .hideParent:before {
  content:"";
  position: absolute;
  width: 1.25rem;
  height: 1.2rem;
  background-image: url(../../../assets/img/common/arrowLink.svg);
  background-size: cover;
  top: 49%;
  right: 1.7rem;
  opacity: 0.6;
  transform: translateY(-50%);
  transition: all ease .35s;
  transition-delay: 0.1s;
}
.l-sectCase__show .hideParent:after {
  content:"";
  position: absolute;
  width: 1.25rem;
  height: 1.2rem;
  background-image: url(../../../assets/img/common/arrowLink.svg);
  background-size: cover;
  top: 53%;
  right: 2.2rem;
  transform: translateY(-50%);
  opacity: 0;
  transition: all ease .35s;
  transition-delay: 0.1s;
}

/*
hover
*/

.l-sectCase__show .hideParent:hover:before {
  top: 39%;
  right: 1rem;
  opacity: 0;
  transition-delay: 0s;
}
.l-sectCase__show .hideParent:hover:after {
  top: 49%;
  right: 1.7rem;
  opacity: 0.6;
  transition-delay: 0.1s;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectRand

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectRand {
  padding-bottom: 16rem;
  background: #f5f5f5;
  transition: all ease .5s;
}
.l-sectRand__title {
  font-size: 4.05rem;
  font-family: garamond-premier-pro-display, serif;
  letter-spacing: 0.535em;
  line-height: 1.85;
  text-align: center;
  font-weight: 500;
  opacity: 0.7;
  position: fixed;
  text-transform: uppercase;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #ffffff;
}

/*
active
*/

body.randActive .l-humb__btn {
  opacity: 0;
  visibility: hidden;
}

/*
scroll
*/

main.randIn {
  background: transparent;
}
main.randIn section.l-sectRand {
  background: transparent;
}

main.randIn.randIn2 {
  background: #f5f5f5;
}
main.randIn.randIn2 section.l-sectRand {
  background: #fff;
}

main.randIn .l-sectCase__show a {
  color: #fff;
}

main.randIn.randIn2 .l-sectCase__show a {
  color: #000;
}
main.randIn.randIn2 .l-sectRand__cont .cont {
  color: #000;
}
main.randIn.randIn2 .l-sectRand__cont .jpnTitle:before {
  border-top: 1px solid #ccc;
}



/* --------------------------- 
  ■ List
--------------------------- */

/* ------ common ------ */

.l-sectRand__list {
  width: 70%;
  margin: 0 auto;
  padding: 21.2rem 0 0rem;
  display: flex;
  flex-flow: column;
}

.l-sectRand__cont {
  width: 19.6vw;
}
.l-sectRand__cont + .l-sectRand__cont {
  margin-top: 26rem;
}
.l-sectRand__cont:nth-child(2) {
  margin-left: auto;
  margin-right: 0vw;
}
.l-sectRand__cont:nth-child(3) {
  margin-left: 4vw;
}
.l-sectRand__cont:nth-child(4) {
   margin-left: auto;
}

.l-sectRand__btn {
  transition: 1.05s all cubic-bezier(.275,0,0,1);
  transition-delay: .35s;
}

/*
active
*/

body.randActive .l-sectRand__btn {   
  opacity: 0;
  transform: translateY(1vw);
  transition-delay: 0s;
}


/* ------ thumb ------ */

.l-sectRand__cont .thumb {
  width: 100%;
  height: 28vw;
  border: 2px solid #ffffff;
/*  padding: 0.4rem;*/
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}

.l-sectRand__cont .thumb figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.5;
  filter: grayscale(1);
  transition: all ease 1.2s;
  transition-delay: 0s;
}
.l-sectRand__cont .thumb figure:hover {
  opacity: 1;
  filter: grayscale(0);
}

.l-sectRand__cont .thumb figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;

  transform: scale(1.3);
  transition: all ease 0.9s;
}
.l-sectRand__cont .thumb.fadeInUp figure img {
  transform: scale(1);
}

.l-sectRand__cont .thumb.fadeInUp:hover figure img {
  filter: grayscale(0);
  transform: scale(1.05);
}

/* ------ cont ------ */

.l-sectRand__cont .cont {
  color: #fff;
  margin: 5.6rem auto 0;
  cursor: pointer;
  width: 95%;
  text-align: center;
}

/* subTitle */

.l-sectRand__cont .subTitle {
  font-size: 1.4rem;
  font-family: athelas, serif;
  letter-spacing: 0.15em;
  margin-left: 0.2rem;
  opacity: 0.6;
}


/* engTitle */

.l-sectRand__cont .engTitle {
  font-size: 2.6rem;
  line-height: 1.4;
  color: #ae9973;
  letter-spacing: 0.18em;
  width: 100%;
  font-weight: 500;
  font-family: garamond-premier-pro-display, serif;
  margin-top: 1.9rem;
  font-variant: small-caps;
}

/* jpnTitle */

.l-sectRand__cont .jpnTitle {
  font-size: 1rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.185em;
  opacity: 0.5;
  margin-top: 1.3rem;
  transform-origin: left top;
  display: inline-block;
}


/* --------------------------- 
  ■ Wrap
--------------------------- */

/* ------ common ------ */

.l-sectRand__wrap {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top:0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all ease 1s;
  transition-delay: 0s;
}
.l-sectRand__wrap > .inner {
  display: flex;
  padding: 1rem;
  height: calc(100% - 2rem);
  width: calc(100% - 2rem);
}
.l-sectRand__wrap .left {
  width: 45%;
}
.l-sectRand__wrap .right {
  width: 55%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/*
active
*/

.l-sectRand__cont.active .l-sectRand__wrap {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.35s;
}
body.three.randActive .l-sectRand__title.hideInUp .hideChild {
  transform: translateY(1.1em);
  opacity: 0;
}

/* ------ close ------ */

.l-sectRand__close {
  position: fixed;    
  top: 2.1rem;
  right: 3.1rem;
  width: 3.8rem;
  height: 2.6rem;
  cursor: pointer;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  transition: all ease .35s;
}
.l-sectRand__close span {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 100%;
  background-color: #aca9a9;
  top: 1.4rem;
  opacity: 0;
  transition: all ease .35s;
}
.l-sectRand__close span:nth-child(1) {
  transform: rotate(0deg);
  transition-delay: 0s;
}
.l-sectRand__close span:nth-child(2) {
  transform: rotate(0deg);
  transition-delay: 0s;
}

/*
active
*/

body.randActive {
  overflow: hidden;
}
body.randActive .l-sectRand__close {
  visibility: visible;
   opacity: 1;
}
body.randActive .l-sectRand__close span:nth-child(1) {
  transform: rotate(20deg);
  opacity: 1;
  transition-delay: 1.2s;
}
body.randActive .l-sectRand__close span:nth-child(2) {
  transform: rotate(-20deg);
  opacity: 1;
  transition-delay: 1.2s;
}


/* ------ image ------ */

.l-sectRand__wrap .image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  visibility: hidden;
}
.l-sectRand__wrap .image figure {
  width: 100%;
  height: 100%;
}
.l-sectRand__wrap .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.1);
  transition: all ease 1.5s;
}

/*
active
*/

.l-sectRand__cont.active .l-sectRand__wrap .image {
  visibility: visible;
}
.l-sectRand__cont.active .l-sectRand__wrap .image img {
  transform: scale(1);
}


/* ------ cont ------ */

.l-sectRand__cont.active span.hideParent span.hideChild {
  transform: translateY(0em);
  opacity: 1
}
.l-sectRandwrap__cont {
  width: 59%;
  margin: auto auto 9.2rem;
  display: flex;
  align-items: flex-end;
}
.l-sectRandwrap__cont .wrapLeft {
  width: 81%;
}
.l-sectRandwrap__cont .wrapRight {
  margin-left: auto;
  margin-right: -6.2rem;
  margin-bottom: -1.3rem;
}

/* title */

.l-sectRandwrap__title {
  
}

/*
subTitle
*/

.l-sectRandwrap__subTitle {
  font-size: 1.5rem;
  font-family: athelas, serif;
  letter-spacing: 0.15em;
  color: #a3957e;
  margin-left: 0.2rem;
}

/* 
engTitle 
*/

.l-sectRandwrap__engTitle {
  font-size: 2.9rem;
  line-height: 1.3;
  letter-spacing: 0.175em;
  font-weight: 500;
  font-family: garamond-premier-pro-display, serif;
  margin-top: 2.2rem;
  font-variant: small-caps;
}

/* 
jpnTitle 
*/

.l-sectRandwrap__jpnTitle {
  font-size: 1rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.12em;
  opacity: 0.5;
  margin-top: 3.4rem;
  display: inline-block;
  padding: 2.2rem 0.4rem 2.3rem;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}


/* desc */

.l-sectRandwrap__desc {
  font-size: 1.1rem;
  font-family: 'Zen Old Mincho', serif;
  line-height: 2.45;
  letter-spacing: 0.05em;
  margin-top: 4.6rem;
  opacity: 0;
  transform: translateY(1vw);
  transition: 1.05s all cubic-bezier(.275,0,0,1);
}

/*
active
*/

body.randActive .l-sectRandwrap__desc {
  opacity: 0.5;
  transform: translateY(0vw);
}

/* bottom */

.c-btn {
  
}

/* --------------------------- 
  ■ Close
--------------------------- */

.l-sectRand__wrap .l-bespokeDetail__closePage {
  display: none;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectStory

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectStory {
  position: relative;
  z-index: 15;
}
section.l-sectStory.l-sectCase > .inner {
  width: 91.5%;
}
section.l-sectStory ul {
  display: flex;
  flex-wrap: wrap;
}

/* --------------------------- 
  ■ List
--------------------------- */

/* ------ common ------ */

.l-sectStoryList__cont {
  width: 33.3333%;
  margin: 0 auto 0;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  transition: all ease .25s;
}
.l-sectStoryList__cont:nth-child(n+4) {
  margin-top: 15rem;
}

/* ------ image ------ */

.l-sectStoryList__cont > .image {
  height: 19.2vw;
  width: 60%;
  margin: 0 auto;
  border: 1px solid #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.l-sectStoryList__cont > .image figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all ease 1.2s;
  transition-delay: 0s;
}
.l-sectStoryList__cont > .image figure img {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.1);
  opacity: 0;
  transition: all ease 1.5s;
}

.l-sectStoryList__cont > .image:hover figure {
  transform: scale(1.1);
}


/*
scroll
*/

.l-sectStoryList__cont > .image.hideInUp figure img {
  transform: scale(1);
  opacity: 1;
}
.l-sectStoryList__cont > .image.hideInUp figure {
  
}
.l-sectStoryList__cont:nth-child(1) > .image.hideInUp figure,
.l-sectStoryList__cont:nth-child(5) > .image.hideInUp figure {
  transition-delay: 0.5s;
}
.l-sectStoryList__cont:nth-child(2) > .image.hideInUp figure,
.l-sectStoryList__cont:nth-child(6) > .image.hideInUp figure {
  transition-delay: 0.7s;
}
.l-sectStoryList__cont:nth-child(3) > .image.hideInUp figure,
.l-sectStoryList__cont:nth-child(7) > .image.hideInUp figure {
  transition-delay: 0.9s;
}
.l-sectStoryList__cont:nth-child(4) > .image.hideInUp figure,
.l-sectStoryList__cont:nth-child(8) > .image.hideInUp figure {
  transition-delay: 1.1s;
}

/* ------ cont ------ */

.l-sectStoryList__cont .cont {
  text-align: center;
  transition: all ease .5s;
}

/* box */

.l-sectStoryList__cont .box {
  margin-top: 6rem;
}

/* type */

.l-sectStoryList__cont .type {
  font-size: 1rem;
  color: #978668;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.525em;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
.l-sectStoryList__cont .type:before {
  content:"";
  position: absolute;
  bottom: -1rem;
  left: -4%;
  width: 100%;
  border-bottom: 1px solid rgb(169 169 169 / 30%);
  z-index: 3;
}

/* eng */

.l-sectStoryList__cont .eng {
  font-size: 2.35rem;
  font-family: minion-3-display, sans-serif;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: initial;
  line-height: 2;
  font-variant: small-caps;
  opacity: 1;
  margin-top: 2.8rem;
}
.l-sectStoryList__cont .eng br {
  display: none;
}

/* jpn */

.l-sectStoryList__cont .jpn {
  font-size: 1rem;
  transform: scale(0.775);
  opacity: 1;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.25em;
  display: inline-block;
  margin-top: 1.7rem;
  padding: 2.7rem 1rem;
  color: #656565;
  border-top: 1px solid rgb(147 143 143 / 20%);
  border-bottom: 1px solid rgb(147 143 143 / 20%);
}

/* --------------------------- 
  ■ Page
--------------------------- */

/* ------ common ------ */

.l-sectStoryList__page {
  color: #000;
  position: fixed;
  height: 100%;
  width: 0;
  overflow-y: scroll;
  background-color: #fff;
  right: 0%;
  top: 0%;
  cursor: auto;
  z-index: 5;
  transition: 1.15s all cubic-bezier(.275,0,0,1);
  transition-delay: 0.5s;
}
.l-sectStoryList__page > .inner {
  opacity: 0;
  height: 100%;
  transition:all ease .5s;
  transition-delay: 0s;
}
.l-sectStoryList__bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  top: 0%;
  left: 0%;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition:all ease .5s;
  transition-delay: 0.5s;
  cursor: crosshair;
}

/*
active
*/

.l-sectStoryList__cont.active .l-sectStoryList__page {
  width: 96%;
  transition: 0.95s all cubic-bezier(.275,0,0,1);
  transition-delay: 0s;
}
.l-sectStoryList__cont.active .l-sectStoryList__page > .inner {
  opacity: 1;
  transition:all ease .9s;
  transition-delay: 1s;
}
body.storyActive .l-sectStoryList__bg {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
body.storyActive .l-header div > .inner {
  opacity: 0;
  visibility: hidden;
}

/* ------ close ------- */

.l-sectStory__close {
  position: fixed;    
  top: 2.1rem;
  right: 3.1rem;
  width: 3.8rem;
  height: 2.6rem;
  cursor: pointer;
  z-index: 8;
  opacity: 0.4;
  visibility: hidden;
}
.l-sectStory__close span {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 100%;
  background-color: #000;
  top: 1.4rem;
  opacity: 0;
  transition: all ease .35s;
}
.l-sectStory__close span:nth-child(1) {
  transform: rotate(0deg);
  transition-delay: 0s;
}
.l-sectStory__close span:nth-child(2) {
  transform: rotate(0deg);
  transition-delay: 0s;
}

/*
active
*/

body.storyActive {
  overflow: hidden;
}
body.storyActive .l-sectStory__close {
  visibility: visible;
}
body.storyActive .l-sectStory__close span:nth-child(1) {
  transform: rotate(25deg);
  opacity: 1;
  transition-delay: 1.2s;
}
body.storyActive .l-sectStory__close span:nth-child(2) {
  transform: rotate(-25deg);
  opacity: 1;
  transition-delay: 1.2s;
}

/* ------ bottom ------ */

/* common */

.l-sectStoryList__page .bottom {
  
}
.l-sectStoryList__page .bottom > .inner {
  width: 75.5%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 18rem;
}
.l-sectStoryList__page .bottom .left {
  margin-top: 17rem;
  margin-bottom: 15.5rem;
}
.l-sectStoryList__page .bottom .middle {
  
}
.l-sectStoryList__page .bottom .right {
  margin-top: 3.9rem;
  text-align: center;
  padding-bottom: 13rem;
}

/* pageType */

.l-sectStoryList__page .pageType {
  font-size: 1.2rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.5em;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin-left: -0.4rem;
  margin-top: -0.2rem;
}
.l-sectStoryList__page .pageType:before {
  content:"";
  position: absolute;
  bottom: -0.8rem;
  left: -4%;
  width: 100%;
  border-bottom: 1px solid #e6e0d3;
}

/* pageEng */

.l-sectStoryList__page .pageEng {
  font-family: minion-3-display, sans-serif;
  font-size: 4.2rem;
  letter-spacing: 0.12em;
  font-weight: 600;
  margin-top: 4.2rem;
  font-variant: small-caps;
}

/* pageJpn */

.l-sectStoryList__page .pageJpn {
  font-size: 1rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.16em;
  margin-top: 4rem;
  display: inline-block;
  padding: 2.6rem 1.4rem 2.6rem;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  margin-left: -0.2rem;
  opacity: 0.7;
}

/* pagImage */

.l-sectStoryList__page .pageImage {
  width: 83%;
  margin: 0 auto;
  height: 53vw;
}
.l-sectStoryList__page .pageImage figure {
  width: 100%;
  height: 100%;
}
.l-sectStoryList__page .pageImage figure img {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
}

/* pageDesc */

.l-sectStoryList__page .pageDesc {
  font-size: 1.45rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.05em;
  line-height: 2.65;
  text-align: left;
  width: 62%;
  margin: 10rem auto 0;
}

/* pageRead */

.l-sectStoryList__page .pageRead {
  font-size: 1.65rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.145em;
  margin-top: 9.2rem;
  position: relative;
}
.l-sectStoryList__page .pageRead .underbar:before,
.l-sectStoryList__page .pageRead .underbar:after {
  bottom: -0.7rem;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectPhilo

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectPhilo {
  width: 100%;
  background-color: #F8F8F8;
  position: relative;
  z-index: 1;
  transition: all ease .6s;
}
section.l-sectPhilo > .inner {
  width: 98%;
  margin: 0 auto 0rem;
  padding-bottom: 11rem;
}
section.l-sectPhilo ul {
  display: flex;
  flex-flow: wrap;
}

/*
two
*/

section.l-sectPhilo.two > .inner {
  width: 100%;
}

/*
only
*/

body.only section.l-sectPhilo {
  opacity: 0;
}

/* --------------------------- 
  ■ l-articleMovie
--------------------------- */

/* --- common --- */

section.l-articleMovie {
  padding-bottom: 18rem;
}
section.l-articleMovie figure {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
section.l-articleMovie figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  font-family: 'object-fit: cover;';
  transition: all ease 1s;
}
section.l-articleMovie figure:hover img {
  transform: scale(1.05);
}

/* --- mov --- */

.l-articleMov {
  width: 69%;
  height: 42vw;
  margin: 0 auto;
  cursor: pointer;
}

/* --- arrow --- */

section.l-articleMovie figure:after {
  content: "";
  position: absolute;
  top:0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 1s ease;
  background-color: rgba(0,0,0,0.3);
  z-index: 0;
}
section.l-articleMovie figure:hover:after {
  background-color: rgba(0,0,0,0.1);
}

section.l-articleMovie figure:before {
  content: "";
  background-image: url(../../../assets/img/common/play.svg);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-size: cover;
  background-position: center center;
  width: 7rem;
  height: 7rem;
  transition: all s ease;
  transition-delay: 0s;
  z-index: 1;
}
section.l-articleMovie figure:hover:before {
  opacity: 1;
}

/* --- video --- */

section.l-articleVideo {
  position: fixed;
  cursor: crosshair;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0,0,0,0.8);
  visibility: hidden;
  opacity: 0;
  transition: all ease .5s;
}
section.l-articleVideo video {
  position: absolute;
  height: 87vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/*
active
*/

body.pace-done.movStart .l-fixedMenu.visible {
  top: -10rem;
}
body.movStart section.l-articleVideo {
  visibility: visible;
  opacity: 1;
}

/* --- close --- */

.l-articleVideo__close {
  position: fixed;
  width: 3rem;
  height: 3rem;
  z-index: 9;
  top: 1.8rem;
  right: 1.8rem;
  cursor: pointer;
}
.l-articleVideo__close > .inner {
  width: 100%;
  height: 100%;
  position: absolute;
}
.l-articleVideo__close span {
  top: 1.3rem;
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 100%;
  background-color: #fff;
  left: 0;
  transition: all ease .25s;
  transition: .6s all cubic-bezier(.275,0,0,1);
}

/*
active
*/

body.movStart .l-articleVideo__close span:nth-child(1) {
  transform: rotate(-30deg);
}
body.movStart .l-articleVideo__close span:nth-child(2) {
  transform: rotate(30deg);
}

/*
hover
*/

body.movStart .l-articleVideo__close:hover span:nth-child(1) {
  transform: rotate(-25deg);
}
body.movStart .l-articleVideo__close:hover span:nth-child(2) {
  transform: rotate(25deg);
}

/* --------------------------- 
  ■ List
--------------------------- */

/* ------ common ------ */

.l-sectPhilo__list {
  width: 33.33%;
  padding: 0.8rem 0 11rem;
  box-sizing: border-box;
  text-align: center;
}
.l-sectPhilo__list + .l-sectPhilo__list {
  border-left: 1px dotted rgb(165 165 165 / 40%);
}

/*
two
*/

section.l-sectPhilo.two .l-sectPhilo__list {
  width: 50%;
  padding: 1.7rem 0rem 12rem;
}
section.l-sectPhilo.two .l-sectPhilo__list:nth-child(n+3) {
  padding-top: 15rem;
  border-top: 1px dotted rgba(255,255,255,0.4);
}


/* ------ image ------ */

.l-sectPhilo__list .image {
  width: 59%;
  height: 19.8vw;
  border: 4px solid #fff;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto;
}
.l-sectPhilo__list .image figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all ease 1s;
}
.l-sectPhilo__list .image figure img {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.2);
  transition: all ease 2s;
}

/*
two
*/

section.l-sectPhilo.two .l-sectPhilo__list .image {
  height: 21.3vw;
  width: 42%;
}

/*
anim
*/

.l-sectPhilo__list.fadeInUp .image figure img {
  transform: scale(1);
}

/*
hover
*/

.l-sectPhilo__list .image:hover figure {
  transform: scale(1.025);
}

/* ------ cont ------ */

.l-sectPhilo__list .cont {
  margin-top: 7.2rem;
  display: inline-block;
}
.l-sectPhilo__list .cont a {
  
}

.oneBtn,.twoBtn,.threeBtn,.fourBtn {
  cursor: pointer;
}

/* num */

.l-sectPhilo__list .num {
  font-size: 2.1rem;
  font-family: athelas, serif;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
  color: #b8a482;
}
.l-sectPhilo__list .num:before {
  content: "";
  position: absolute;
  width: 106%;
  height: 1px;
  background-color: rgb(136 136 136 / 20%);
  bottom: -0.8rem;
  left: -3%;
}

/* title */

.l-sectPhilo__list .title {
  font-size: 3.7rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.17em;
  line-height: 1.55;
  margin-top: 3.8rem;
  text-transform: uppercase;
}
.l-sectPhilo__list .title .bold {
  font-weight: 600;
}
.l-sectPhilo__list .title .normal {
  font-weight: 400;
}

/*
two
*/

section.l-sectPhilo.two .l-sectPhilo__list .title {
  font-size: 3.2rem;
  margin-top: 3.4rem;
}

/* jpn */

.l-sectPhilo__list .jpn {
  font-size: 1.15rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.15em;
  color: #656565;
  opacity: 1;
  margin-top: 3.5rem;
  display: inline-block;
  padding: 2.1rem 1rem 2.1rem;
  position: relative;
}
.l-sectPhilo__list .jpn:before {
  content:"";
  position: absolute;
  width: 0;
  border-top: 1px solid rgb(147 143 143 / 15%);
  top:0;
  left: 0;
  transition: all 0.7s cubic-bezier(0.08, 0.92, 0.35, 1);
}
.l-sectPhilo__list .jpn:after {
  content:"";
  position: absolute;
  width: 0;
  border-top: 1px solid rgb(147 143 143 / 15%);
  bottom:0;
  left: 0;
  transition: all 0.7s cubic-bezier(0.08, 0.92, 0.35, 1);
}

/*
scroll
*/

.l-sectPhilo__list .jpn.hideInUp:before {
  width: 100%;
}
.l-sectPhilo__list .jpn.hideInUp:after {
  width: 100%;
}


/* readmore */

.l-sectPhilo__list .readmore {
  color: #565656;
  font-size: 1.2rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.17em;
  margin-top: 6.7rem;
  position: relative;
}
.l-sectPhilo__list .readmore .hideParent {
  display: inline-block;
  position: relative;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectAsym

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectAsym {
  height: 54.3vw;
}
section.l-sectAsym > .inner {
  display: flex;
  align-items: end;
  height: 100%;
  width: 97.5%;
  margin: 0 auto;
}

/* 
reserve
*/

section.l-sectAsym.reserve > .inner {
  flex-flow:row-reverse;
}

/* 
adjust
*/

section.l-sectAsym__adjust {
  padding-bottom: 14rem;
}

/* 
detail
*/

section.l-bespokeDetail section.l-sectAsym {
  height: 52.5vw;
  padding-bottom: 7rem;
}
section.l-bespokeDetail section.l-sectAsym.only {
  opacity: 0;
  transition: all ease 1.35s;
  padding-top: 5rem;
}
section.l-bespokeDetail.only section.l-sectAsym.only {
  opacity: 1;
}
section.l-bespokeDetail.only2 section.l-sectAsym.only {
  opacity: 1;
}

/* 
bespoke
*/

section.l-bespokeDetail.bespoke section.l-sectAsym {
  background: #f8f8f8;
  position: relative;
  padding-top: 12rem;
  transition: all ease 1.35s;
}
section.l-bespokeDetail.bespoke section.l-sectAsym > .inner {
  opacity: 0;
  transition: all ease 1.35s;
}

section.l-bespokeDetail.bespoke.gtw section.l-sectAsym,
section.l-bespokeDetail.bespoke.only2 section.l-sectAsym  {
  background: #fff;
}
section.l-bespokeDetail.bespoke.gtw section.l-sectAsym > .inner,
section.l-bespokeDetail.bespoke.only2 section.l-sectAsym > .inner {
  opacity: 1;
}

/* 
pc
*/

section.l-sectAsym.sp {
  display: none;
}


/* --------------------------- 
  ■ Cont
--------------------------- */

/* ------ common------ */

section.l-sectAsym .cont {
  width: 50%;
  margin-bottom: 12rem;
}
section.l-sectAsym .cont > .inner {
  width: 65%;
  margin: 0 auto;
  padding-left: 6%;
  transition: all ease .5s;
  transition-delay: 1s;
}

/*
bespoke
*/

/*section.l-bespokeDetail section.l-sectAsym .cont {
  width: 60%;
}*/


/* 
reserve
*/

section.l-sectAsym.reserve .cont > .inner {
  padding-left: 12%;
}

/*
active
*/

body.bActive section.l-sectAsym .cont > .inner {
  opacity: 0;
  transform: translateY(1.5vw);
  transition-delay: 0s;
}
body.bActive section.l-bespokeDetail section.l-sectAsym .cont > .inner {
  opacity: 1;
  transform: translateY(0vw);
}  

/* ------ num ------ */

.l-sectAsym__num {
  font-size: 1.8rem;
  font-family: athelas, serif;
  letter-spacing: 0.02em;
  color: #baad96;
  margin-left: 0.9rem;
  position: relative;
  display: inline-block;
  margin-bottom: 3.8rem;
}
.l-sectAsym__num:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background-color: rgba(0,0,0,0.1);
  bottom: -0.6rem;
  left: -0.1rem;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
  transition-delay: 0s;
}

/*
active
*/

.l-sectAsym__num.fadeInUp:before {
  width: 100%;
  transition-delay: .5s;
}

/* ------ title ------ */

section.l-sectAsym .title {
  font-size: 6rem;
  font-family: minion-3-display, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: -0.2rem;
  margin-left: 0.1rem;
  line-height: 1.4;
  letter-spacing: 0.175em;
}
section.l-sectAsym .title span.hideParent:nth-child(1) {
  font-weight: 600;
}

/* ------ sub ------ */

section.l-sectAsym .sub {
  font-size: 1.4rem;
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.085em;
  margin-top: 1.7rem;
  margin-left: 0.3rem;
  opacity: 0;
  display: inline-block;
  text-transform: lowercase;
  font-variant: small-caps;
}
section.l-sectAsym .sub.jpn {
  font-size: 1.4rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.125em;
}
section.l-sectAsym .sub:after {
  content: "";
  display: block;
  border-top: 1px solid rgba(0,0,0,0.1);
  margin-top: 3.1rem;
  margin-left: 0rem;
  width: 0;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
  transition-delay: 0s;
}

/*
active
*/

section.l-sectAsym .sub.fadeInUp {
  opacity: 0.4;
}
section.l-sectAsym .sub.fadeInUp:after {
  width: calc(17% + 0rem);
  transition-delay: .5s;
}

/* ------ desc ------ */

section.l-sectAsym p.desc {
  font-size: 1.125rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.05em;
  line-height: 2.05;
  opacity: 0;
  margin-top: 1.9rem;
  width: 44%;
}

/*
active
*/

section.l-sectAsym p.desc.fadeInUp {
  opacity: 0.25;
}

/* ------ btn ------ */

section.l-sectAsym .c-btn {
  margin-top: 4.6rem;
  width: 9.4rem;
  height: 9.4rem;
  cursor: pointer;
  margin-left: -0.9rem;
  transition: all ease .5s;
}


/* --------------------------- 
  ■ Image
--------------------------- */

/* ------ common------ */

section.l-sectAsym .image {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
section.l-sectAsym .image figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all ease 1s;
}
section.l-sectAsym .image figure img {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.15);
  transition: all ease 2s;
  transition-delay: 0.2s;
}

/*
bespoke
*/

/*section.l-bespokeDetail section.l-sectAsym .image {
  width: 29%;
  height: 100%;
}*/

/*
active
*/

section.l-sectAsym .image.fadeInUp figure img {
  transform: scale(1);
}
section.l-sectAsym.active .image figure {
  transform: scale(1.05);
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectUnderMv

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectUnderMv {
  overflow: hidden;
  position: relative;
  height: 100vh;
}

/*
Single
*/

body.single section.l-sectUnderMv:after {
  content: ":";
  position: fixed;
  border-bottom: 0.5rem #fff solid;
  width: 100%;
  bottom: 0;
  z-index: 2;
}

/* --------------------------- 
  ■ MV
--------------------------- */

/* ------ common ------ */

.l-sectUnderMv__img {
  width: calc(100% - 0rem);
  height: 100vh;
  position: fixed;
  top: 0rem;
  z-index: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 0.4rem solid #fff;
  box-sizing: border-box;
}
.l-sectUnderMv__img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.25);
  z-index: 1;
  opacity: 0;
  box-shadow: 4px 130px 50px -31px rgb(0 0 0 / 2%) inset;
  transition: all ease .95s;
}

.l-sectUnderMv__img figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.l-sectUnderMv__img figure img {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.1);
  transition: all ease 2s;
}

/*
magazine
*/

.l-sectUnderMv__img.magazine video {
  transform: scale(1);
  
}
.l-sectUnderMv__img.magazine:before {
  background-color: rgba(0,0,0,0.1);
}

/*
video
*/

.l-sectUnderMv__img figure video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  font-family: 'object-fit: cover;';
  transform: scale(1.05);
  opacity: 0.3;
  transition: all ease 2s;
}


/*
Single
*/

body.single .l-sectUnderMv__img {
  width: calc(100% - 1rem);
  height: 98.9%;
  top: 0.4rem;
}
body.single .l-sectUnderMv__img:before {
  background-color: rgba(0,0,0,0.5);
}



/*
pc
*/

.l-sectUnderMv__img figure img.sp {
  display: none;
}

/*
Two
*/

.l-sectUnderMv__img.two {
  display: flex;
}
.l-sectUnderMv__img.two figure {
  width: 50%;
}

/*
Active
*/

body.one .l-sectUnderMv__img figure img,
body.one .l-sectUnderMv__img figure video {
  transform: scale(1);
  opacity: 1;
}
body.one .l-sectUnderMv__img:before {
  opacity: 1;
}

/*
Color
*/

body.mvBg3 .l-sectUnderMv__img:before {
  background-color: rgba(0,0,0,0.55);
  transition: all ease .95s;
}
body.single.mvBg3 .l-sectUnderMv__img:before {
  background-color: rgba(0,0,0,0.85);
}

/*
Case
*/

body.mvBg3 .l-sectUnderMv.changeColor .l-sectUnderMv__img:before {
  background-color: rgb(0 0 0);
}

/*
only
*/

body.only .l-sectUnderMv .l-sectUnderMv__img:before {
  background-color: rgb(255 255 255);
  box-shadow: initial;
}


/* --------------------------- 
  ■ Title
--------------------------- */

/* ------ common ------ */

.l-sectUnderMv__title {
  position: absolute;
  top: 48.1%;
  left: 50%;
  z-index: 4;
  color: #fff;
  white-space: nowrap;
  transform: translate(-50%,-50%);
  text-align: center;
  transition: all ease .5s;
}

/*
single
*/

body.single .l-sectUnderMv__title {
  top: 49.9%;
}
body.single .l-sectUnderMv__title br {
  
}

/*
scroll
*/

body.mvBg .l-sectUnderMv__title {
  opacity: 0;
  top: 45.6%;
}


/* ------ main ------ */

.l-sectUnderMv__title .main {
  font-family: garamond-premier-pro-display, serif;
  font-weight: 600;
  font-size: 7.6rem;
  text-transform: uppercase;
  letter-spacing: 0.45em;
  font-variant: small-caps;
}

/*
philosophy
*/

.l-sectUnderMv__title.philosophy .main {
  font-size: 7.1rem;
  letter-spacing: 0.27em;
}

/*
magazine
*/

.l-sectUnderMv__title.magazine .main {
  font-size: 7rem;
  letter-spacing: 0.345em;
}

/*
project
*/

.l-sectUnderMv__title.project .main {
  font-size: 7.7rem;
  letter-spacing: 0.345em;
}


/* ------ sub ------ */

.l-sectUnderMv__title .sub {
  font-family: trajan-pro-3, serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.95em;
  margin-top: 3.1rem;
  margin-left: -0.9rem;
  opacity: 0.6;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectHead

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

.l-secthead {

}
.l-secthead .title {
  display: flex;
  align-items: center;
}
.l-secthead .title .main {
  font-size: 7.3rem;
  font-family: garamond-premier-pro-display, serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.l-secthead .title .sub {
  font-size: 1.45rem;
  letter-spacing: 0.07em;
  font-family: 'Zen Old Mincho', serif;
  font-weight: 400;
  margin-left: 5.6rem;
  margin-top: -0.6rem;
  opacity: 0.4;
}

/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectUnderHead

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

/* ------ common ------ */

section.l-sectUnderHead {
  text-align: center;
  padding-top: 17.5rem;
  padding-bottom: 15.3rem;
}
section.l-sectUnderHead + section {
  opacity: 0;
  transform: translateY(2vw);
  transition: 1.05s all cubic-bezier(.275,0,0,1);
}

/*
active
*/

body.two section.l-sectUnderHead + section {
  opacity: 1;
  transform: translateY(0vw);
}

/* ------ title ------ */

section.l-sectUnderHead .title {    
  font-family: garamond-premier-pro-display, serif;
  font-weight: 600;
  font-size: 7.8rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-variant: small-caps;
  margin-left: 0.9rem;
}

/*
policy
*/

section.l-sectUnderHead.policy .title {
  font-size: 7rem;
  letter-spacing: 0.175em;  
}


/* ------ sub ------ */

section.l-sectUnderHead .sub {
  font-family: trajan-pro-3, serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.575em;
  margin-top: 2.7rem;
  opacity: 0.3;
}
section.l-sectUnderHead .sub.jpn {
  letter-spacing: 0.375em;
}

/*
nav
*/

section.l-sectUnderHead.nav .sub span.hideChild > span {
  font-size: 1.3rem;
  margin-left: 1rem;
  margin-right: 0.9rem;
}
section.l-sectUnderHead.nav .sub span a {
  line-height: 1.4;
}
section.l-sectUnderHead.nav .sub span a > span {
  display: inline-block;
}
section.l-sectUnderHead.nav .sub span.hideChild {
  display: flex;
  justify-content: center;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectBand

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectBand {
  background-size: cover;
  background-attachment: fixed;
  height: 50vw;
  position: relative;
}
section.l-sectBand:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.8);*/
  transition: all ease 3s;
}
section.l-sectBand.active:before {
  background-color: rgba(0,0,0,0.15);
}

/*
underBand
*/

section.l-sectBand.underBand {
  background-image: url(https://images.unsplash.com/photo-1464376810568-596bdd5a1897?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1568&q=80);
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectSlider

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectSlider {
  padding-bottom: 20rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding-top: 14rem;
}
section.l-sectSlider .l-secthead {
  width: 84.3%;
  margin: 0 auto;
}

/* 
base
*/

section.l-sectAsym__adjust + section.l-sectSlider {
  padding-top: 5rem;
}

/* 
case
*/

article.l-singleArticle + section.l-sectSlider {
  padding-top: 23.5rem;
}
section.l-sectCredit +  section.l-sectSlider {
  padding-top: initial;
}


/* --------------------------- 
  ■ Cont
--------------------------- */

/* ------ common ------ */

.l-sectSlider__cont {
  display: flex;
  margin-left: 7.3%;
  margin-top: 9.7rem;
}
.l-sectSlider__cont .left {
  width: 5%;
  display: flex;
  margin-top: auto;
}
.l-sectSlider__cont .right {
  width: 95%;
}

/* ------ left ------ */

.l-sectSlider__cont .left .desc {
  
}


/* ------ right ------ */

/* common */

.l-sectSlider__list .slick-slide {

}
.l-sectSlider__list li {
  position: relative;
  display: flex !important;
  align-items: end;
}
.l-sectSlider__list .slick-slide + .slick-slide {
  margin-left: 0.8rem;
}

/* figure */

.l-sectSlider__list li .image {
  width: 38.5vw;
  height: 48.5vw;
  overflow: hidden;
  transform: scale(0.9);
  transition: all ease 1.15s;
}
.l-sectSlider__list li figure {
  width: 100%;
  height: 100%;
  position: relative;
  transform: scale(1.2);
  transition: all ease 1.15s;
}
.l-sectSlider__list li figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  filter: grayscale(1);
  transition: all ease 0.7s;
}
.l-sectSlider__list li figure:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
  box-shadow: 4px -130px 50px -31px rgb(0 0 0 / 25%) inset;
  transition: all ease 0.35s;
}

.l-sectSlider__list .slick-current li figure:before ,
.l-sectSlider__list .is-active-next li figure:before {
  background-color: rgba(0,0,0,0.4);
}
.l-sectSlider__list .slick-slide.active .image figure:before,
.l-sectSlider__list .is-active-next li figure:before {
  background-color: rgba(0,0,0,0.2);
}

/*
Current
*/

.l-sectSlider__list .slick-current li .image,
.l-sectSlider__list .is-active-next li .image {
   transform: scale(1);
   opacity: 1;
   transition: all ease 0.75s;
}

.fadeInUp .l-sectSlider__list .slick-current li figure,
.fadeInUp .l-sectSlider__list .is-active-next li figure {
  transform: scale(1);
}


/*
fadeInUp
*/

.l-sectSlider__list .image figure.fadeInUp {
  transform: scale(1);
}

/*
hover
*/

.l-sectSlider__list .slick-slide.active figure img {
  transform: scale(1.05);
  filter: grayscale(0);
}


/* cont */

.l-sectSlider__list li .cont {
  margin-bottom: 6rem;
  margin-left: 11.3rem;
  width: 34.4vw;
}

/* num */

body.pace-done .l-sectSlider__list li .num.inview {
  font-size: 1.8rem;
  font-family: athelas, serif;
  letter-spacing: 0.02em;
  color: #baad96;
  margin-left: 0.6rem;
  position: relative;
  display: inline-block;
  opacity: 0;
  margin-bottom: 3.1rem;
  transition: all ease .5s;
}
body.pace-done .l-sectSlider__list li .num.inview:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background-color: rgba(0,0,0,0.1);
  bottom: -0.6rem;
  left: -0.1rem;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
  transition-delay: 0s;
}

/*
active
*/

body.pace-done .l-sectSlider__list .slick-current li .num.inview.fadeInUp {
  opacity: 1;
}
body.pace-done .l-sectSlider__list .slick-current li .num.inview.fadeInUp:before {
  width: 100%;
  transition-delay: .5s;
}

/* title */

.l-sectSlider__list li .title {
  font-size: 5.65rem;
  font-family: garamond-premier-pro-display, serif;
  font-weight: 500;
  font-variant: small-caps;
  letter-spacing: 0.02em;
  line-height: 1.025;
  width: 100%;
  z-index: 1;
  position: relative;
}
.l-sectSlider__list li .title > span + span {
  margin-top: 0.3rem;
}

.l-sectSlider__list li .title span.subTitle {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  font-family: "Optima LT W05 Roman";
  margin-top: 1.9rem;
  margin-left: 0.2rem;
  font-variant: initial;
  opacity: 0.2;
  letter-spacing: 0.06em;
}
.l-sectSlider__list li .title br {
  display: none;
}

/*
support
*/

body.two .inview2.fadeInUp .l-sectSlider__list span.hideParent span.hideChild {
  transform: translateY(1.1em);
  opacity: 0;
}

body.two .inview2.fadeInUp .l-sectSlider__list .inviewH.hideInUp .hideChild {
  transform: translateY(1.1em);
  opacity: initial;
  transition-delay: initial;
}
body.two .inview2.fadeInUp .l-sectSlider__list .is-active-next .inviewH.hideInUp .hideChild,
body.two .inview2.fadeInUp .l-sectSlider__list .slick-current .inviewH.hideInUp .hideChild {
  transform: translateY(0em);
  opacity: 1;
  transition-delay: 0.1s;
}

/* btn */

body.pace-done .l-sectSlider__list li .c-btn.inview {
  left: -0.4rem;
  z-index: 1;
  margin-top: 4.4rem;
  width: 8.4rem;
  height: 8.4rem;
  opacity: 0;
}
body.pace-done .l-sectSlider__list .slick-current li .c-btn.inview.fadeInUp {
  opacity: 1;
}

/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectGallery

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectGallery {
  background-color: #eceae6;
  margin-bottom: 0.6rem;
}
.l-sectGallery__title {
  font-family: garamond-premier-pro-display, serif;
  font-weight: 500;
  font-size: 2.9rem;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  text-align: center;
  padding-top: 14rem;
  padding-bottom: 11.5rem;
  color:#b4a181;
}
.l-sectGallery__title .bold {
  font-weight: 600;
}
section.l-sectGallery > .inner {
  padding-left: 10rem;
  padding-bottom: 15rem;
}


/* --------------------------- 
  ■ Gallery
--------------------------- */

section.l-sectGallery ul {
  cursor:grab;
}
section.l-sectGallery ul li {
  
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}
section.l-sectGallery ul .slick-slide + .slick-slide {
  margin-left: 1.4rem;
}
section.l-sectGallery ul li figure {
  width: auto;
  height: 52rem;
}
section.l-sectGallery ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center cneter;
  display: block;
  position: relative;
  transform: scale(1);
  transition: all ease 1s;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ sectDesign

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-sectDesign {
  background-color: #ffff;
}
section.l-sectDesign > .inner {
  width: 100%;
  margin: 0 auto;
  padding: 0rem 0;
}

/* --------------------------- 
  ■ list
--------------------------- */

/* ------ common ------ */

.l-sectDesign__list {

}
.l-sectDesign__list ul {
  display: flex;
}

/* ------ cont ------ */

/* common */

.l-sectDesign__list ul li {
  width: 33.3%;
  background-color: #fff;
  text-align: center;
  margin: 0 0rem;
  position: relative;
}
.l-sectDesign__list ul li a {
  display: inline-block;
  padding: 16.8vw 0rem 20vw;
  display: flex;
  flex-flow: column;
  position: relative;
  z-index: 1;
  border-right: 1px solid #f0f0f0;
  margin-bottom: 3rem;
}
.l-sectDesign__list ul li:last-child a {
  border-right: 0px solid #ececec;
}

/*
hover
*/

.l-sectDesign__list ul li a:hover {
  color: #fff;
  opacity: 1;
  border-right: initial;
}


/* image */

.l-sectDesign__list ul li figure {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.l-sectDesign__list ul li figure:before {
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  z-index: 1;
}
.l-sectDesign__list ul li figure:after {
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
}

.l-sectDesign__list ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center cneter;
  display: block;
  position: relative;
  transform: scale(1.2);
  transition: all ease 1s;
}

/*
hover
*/

.l-sectDesign__list ul li:hover figure:after {
  height: 0%;
}
.l-sectDesign__list ul li:hover figure img {
  transform: scale(1);
}



/* num */

.l-sectDesign__list ul li .num {
  font-size: 2.2rem;
  font-family: athelas, serif;
  letter-spacing: 0.02em;
  position: relative;
  display: inline-block;
  color: #9b8e6e;
  width: 2.5rem;
  margin: 0 auto 3rem;
  transition: all ease .5s;
}
.l-sectDesign__list ul li .num:before {
  content: "";
  position: absolute;
  width: 98%;
  height: 1px;
  background-color: rgba(0,0,0,0.2);
  bottom: -0.6rem;
  left: 0.1rem;
  transition: all ease .5s;
}

/*
hover
*/

.l-sectDesign__list ul li:hover .num {
  color: #fff;
}
.l-sectDesign__list ul li:hover .num:before {
  background-color: rgba(255,255,255,0.4);
}


/* title */

.l-sectDesign__list ul li .title {
  font-family: "Optima LT W05 Roman";
  font-size: 4.65rem;
  letter-spacing: -0.01em;
  font-weight: 500;
  line-height: 1.12;
}

/* copy */

.l-sectDesign__list ul li .copy {
  font-size: 1.35rem;
  font-family: 'Neue Haas Unica W04 Light',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0.06em;
  margin-top: 1.2rem;
  opacity: 0.6;
  transition: all ease .05s;
}

/*
hover
*/

.l-sectDesign__list ul li:hover .copy {
  opacity: 1;
}


/* arrow */

.l-sectDesign__list ul li .arrow {
  position: absolute;
  bottom: 3.7rem;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.l-sectDesign__list ul li .arrow:before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 0.72rem;
  height: 0.72rem;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all ease .35s;
}
.l-sectDesign__list ul li .arrow:after {
  position: absolute;
  content: "";
  bottom: 0.7rem;
  width: 0.72rem;
  height: 0.72rem;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0;
  transition: all ease .35s;
}

/*
hover
*/

.l-sectDesign__list ul li:hover .arrow:before {
  bottom: -0.7rem;
  opacity: 0;
}
.l-sectDesign__list ul li:hover .arrow:after {
  bottom: 0rem;
  opacity: 1;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ underNav

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

.l-underNav {
  padding: 2.7rem 0 2.3rem;
  width: 100%;
  height: 1.8rem;
  position:fixed;
  transition: all ease 1s;
  bottom: -8rem;
  z-index: 2;
  background: #fff;
}
.l-underNav > .inner {
  transition: all ease 0.75s;
  transition-delay: 0.25s;
}

/*
responsive
*/

.l-underNav ul.pc {
  display: flex;
}
.l-underNav ul.tablet {
  display: none;
}


/*
active
*/

body.three .l-underNav {
  opacity: 1;
  bottom: 0;
}

/*
scroll
*/

body.mvBg.three .l-underNav {
  bottom: -8rem;
}


/* --------------------------- 
  ■ Bread
--------------------------- */
 
/* ------ common ------ */

.l-underNav__bread {
  position: absolute;
  top: 50.1%;
  left: 5.5rem;
  transform: translateY(-50%);
}

/*
besoke
*/

.bespoke .l-underNav__bread {
  left: 6.8rem;
}


/* ------ nav ------ */

.l-underNav__bread span {
  font-size: 1.35rem;
  font-family: minion-3-display, serif;
  letter-spacing: 0.065em;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
}
.l-underNav__bread span br {
  display: none;
}
.l-underNav__bread > span + span {
  margin-left: 1rem;
  padding-left: 2rem;
}
.l-underNav__bread > span + span:before {
  content: "";
  position: absolute;
  top: 51%;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

/*
current
*/

.l-underNav__bread span.current-item {
  color: #867458;
}


/* --------------------------- 
  ■ Nav
--------------------------- */

/* ------ common ------ */

.l-underNav ul {
  display: flex;
  justify-content: right;
  line-height: 1.2;
  margin-right: 4.3rem;
}

/* ------ cont ------ */

.l-underNav ul li {
  font-family: trajan-pro-3, serif;
  font-size: 1.05rem;
  letter-spacing: 0.32em;
  position: relative;
  font-variant: small-caps;
  text-transform: uppercase;
  margin-top: 0.3rem;
}
.l-underNav ul li a {
  display: inline-block;
  padding-right: 3.4rem;
}
.l-underNav ul li a.current {
}
.l-underNav ul li + li {
  margin-left: 3.5rem;
}

/* ------ icon ------ */

.l-underNav ul li:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../../../assets/img/common/arrow-under.svg);
  height: 1.5rem;
  width: 1.5rem;
  opacity: 0.7;
  right: 0rem;
  top: 35%;
  transform: translateY(-50%);
}


/* --------------------------- 
  ■ Scroll
--------------------------- */

/* ------ common ------ */

.l-underNav__scroll {
  height: 2.2rem;
  width: 2.2rem;
  font-size: 0rem;
  font-family: minion-3-display, serif;
  font-weight: 500;
  letter-spacing: 0.125em;
  line-height: 1;
  opacity: 0.55;
  position: fixed;
  bottom: 5.2rem;
  right: 5.2rem;
  z-index: 4;
  padding-right: 0;
  transform: translateY(1.5vw);
  opacity: 0;
  transition: all ease 0.6s;
}
.l-underNav__scroll a {
  color: rgba(255,255,255,0.6);
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.l-underNav__scroll:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../../../assets/img/common/arrow-under.svg);
  height: 100%;
  width: 100%;
  background-size: cover;
  opacity: 0.6;
  right: 0rem;
  top: 52.3%;
  transform: translateY(-50%);
}

/*
loading
*/

body.three .l-underNav__scroll {
  opacity: 0.8;
  transform: translateY(0vw);
}

/*
loading
*/

body.three .l-underNav__scroll.fadeOut {
  opacity: 0;
  transform: translateY(-1.5vw);
}

/* --------------------------- 
  ■ Sp/Scroll
--------------------------- */

.l-underScroll.sp {
  display: none;
}

/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ underSect

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-underSect {
  padding-top: 0;
  padding-bottom: 27rem;
  transition: all ease .35s;
}
section.l-underSect > .inner {
  width: 70%;
  margin: 0 auto;
}

/* 
Top & Under
*/

body.top section.l-underSect,
body.under section.l-underSect.fAc {
  padding-top: 40rem;
  margin-top: -60rem;
  padding-bottom: 24.5rem;
  color: #fff;
  opacity: 0;
  transition: all ease .45s;
}
body.top.mvBg3 section.l-underSect,
body.under.mvBg3 section.l-underSect.fAc {
  opacity: 0.9;
}

/* 
Single
*/

body.under.single section.l-underSect.fAc {
  padding-bottom: 15.6rem;
}


/* --------------------------- 
  ■ Title
--------------------------- */

.l-underSect__title {
  font-size: 1.2rem;
  font-family: 'Zen Old Mincho', serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 9.4rem;
  display: none;
}
.l-underSect__title span {
  display: inline-block;
  position: relative;  
}
.l-underSect__title span:before {
  content: "";
  position: absolute;
  bottom: -0.7rem;
  left: -0.1rem;
  width: 100%;
  height: 1px;
  background-color: #dfd6c4;
}


/* --------------------------- 
  ■ Cont
--------------------------- */

/* ------ common ------- */

.l-underSect__cont {
  display: flex;
}
.l-underSect__cont .left {
  width: 50%;
}
.l-underSect__cont .right {
  width: 50%;
  margin-top: -1.5rem;
  margin-left: 0rem;
}

/* ------ left ------- */

.l-underSect__cont .left > .inner {
  position: sticky;
  top: 48.3vh;
  margin-bottom: 25rem;
}

/*
join
*/

.join .l-underSect__cont .left > .inner {
  margin-bottom: 35rem;
}


/*
signle
*/

body.single .l-underSect__cont .left > .inner {
  margin-bottom: 15rem;
}


/* ------ right ------- */

/* common */

.l-underSect__cont .right > .inner {
  width: 100%;
}

/* btn */

/*
common
*/

.l-underSect__btn {
  border: 1px solid rgba(255,255,255,0.15);
  margin-top: 12rem;
  width: 103%;
  margin-left: -1.5%;
}
.l-underSect__btn a {
  display: flex;
  padding: 4.2rem 0 4.1rem;
  color: rgba(255,255,255,0.65);
  background: rgba(255,255,255,0.1);
  position: relative;
  justify-content: center;
  text-align: center;
}

/*
cont
*/

.l-underSect__btn .cont {
  margin-left: 0.6rem;
}
.l-underSect__btn .title {
  font-family: minion-3-display, serif;
  font-size: 2.2rem;
  letter-spacing: 0.12em;
  font-weight: 600;
  line-height: 1;
  text-transform: lowercase;
  font-variant: small-caps;
}
.l-underSect__btn .sub {
  display: inline-block;
  position: relative;
  font-size: 1rem;
  font-family: 'Optima LT W05 Roman';
  letter-spacing: 0.15em;
  line-height: 1;
  padding-right: 0.4rem;
  margin-top: 1rem;
  margin-left: 0rem;
  opacity: 0.7;
  color: #a1a1a1;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ underSelect

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Common
--------------------------- */

section.l-underSelect {
  padding-bottom: 19rem;
}
section.l-underSelect > .inner {
  width: 83.9%;
  margin: 0 auto;
}

/* --------------------------- 
  ■ List
--------------------------- */

/* ------ common ------ */

ul.l-underSelect__list {

}
ul.l-underSelect__list li {
  display: flex;
  align-items: center;
  padding: 8.3rem 3.3rem;
  border-top: 1px dotted #e7e7e7;
}
ul.l-underSelect__list li:last-child {
  border-bottom: 1px dotted #e7e7e7;
}

/* ------ sub ------ */

ul.l-underSelect__list li .sub {
  font-size: 2rem;
  letter-spacing: 0.08em;
  font-family:'Optima LT W05 Roman';
  width: 22%;
  color: #c1b4a2;
  margin-top: 0.3rem;
}

/* ------ title ------ */

ul.l-underSelect__list li .title {
  font-family: 'Zen Old Mincho', serif;
  font-size: 2.3rem;
  letter-spacing: 0.04em;
  font-weight: 500;
}

/* ------ arrow ------ */

ul.l-underSelect__list li .arrow {
  margin-left: auto;
  margin-top: 0.4rem;
  margin-right: 0.6rem;
}
ul.l-underSelect__list li .arrow img {
  height: 0.7rem;
  opacity: 0.4;
}

/*
blank
*/

ul.l-underSelect__list li .arrow.blank img {
  transform: rotate(-45deg);
}



/* 
=======================================


// ● Page  //


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Index

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ sectionMv
--------------------------- */

/* ------ common ------- */

section.l-sectionMv {
  overflow: hidden;
}

/* ------ slider ------- */

/* common */

ul.l-sectionMv__slider {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
ul.l-sectionMv__slider .slick-list {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
  border: 0.4rem solid #fff;
  box-sizing: border-box; 
  transform: scale(1);
  transition: 4.5s all ease;
}
body.pace-done ul.l-sectionMv__slider .slick-list {
  transform: scale(1);
}
ul.l-sectionMv__slider .slick-list:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  z-index: 1;
  box-shadow: 4px 130px 50px -31px rgba(0,0,0,0.1) inset;
  transition: all ease .95s;
}

/*
scroll
*/

body.mvBg3 ul.l-sectionMv__slider .slick-list:before {
  background-color: rgba(0,0,0,0.65);
}


/* slide */

ul.l-sectionMv__slider .slick-slide {
  height: 100vh;
}

ul.l-sectionMv__slider .slick-slide > div,
ul.l-sectionMv__slider .slick-slide li,
ul.l-sectionMv__slider .slick-slide figure {
  height: 100%;
}
ul.l-sectionMv__slider .slick-slide li {
  display: flex !important;
}
ul.l-sectionMv__slider .slick-slide figure {
  overflow: hidden;
  width: 50%;
}
ul.l-sectionMv__slider .slick-slide figure > div {
  width: 100%;
  height: 100%;
  transform: scale(1.1);
  transition: 10.5s all ease;
}
body.two ul.l-sectionMv__slider .slick-slide figure > div {
  transform: scale(1);
}

ul.l-sectionMv__slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center bottom;
  opacity: 1;
  transform: scale(1.12);
  transition: 6.5s all ease;
}
body.pre ul.l-sectionMv__slider img {
  transition: 16.5s all ease;
}
body.load4 ul.l-sectionMv__slider .slick-active img {
  transform: scale(1);
  opacity: 1;
}

/*
video
*/

.l-sectionMv__slider {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
  transition: all ease 2.95s;
}
body.load4 .l-sectionMv__slider {
  opacity: 1;
}

.l-sectionMv__slider:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.25);
  z-index: 1;
  transition: all ease .95s;
}
body.mvBg3 .l-sectionMv__slider:before {
  background-color: rgba(0,0,0,0.65);
}

.l-sectionMv__slider .videoInner {
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.l-sectionMv__slider video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  font-family: 'object-fit: cover;';
  transform: scale(1.1);
  transition: 10.5s all ease;
}
body.load4 .l-sectionMv__slider video {
  transform: scale(1);
  opacity: 1;
}


/*
pc
*/

ul.l-sectionMv__slider img.sp {
  display: none;
}

/* dots */

ul.l-sectionMv__slider .slick-dots {
  position: absolute;
  left: 6.4rem;
  bottom: 4.5rem;
  z-index: 2;
  display: flex;
  cursor: pointer;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
}
ul.l-sectionMv__slider .slick-dots li {
  opacity: 0;
  transition: all ease 1.3s;
}
body.two ul.l-sectionMv__slider .slick-dots li {
  opacity: 1;
}

ul.l-sectionMv__slider .slick-dots li + li {
  margin-left: 0.2rem;
}
ul.l-sectionMv__slider .slick-dots button {
  font-size: 0;
  background-color: rgba(255,255,255,0.225);
  border: none;
  height: 1px;
  width: 11.8rem;
  padding: initial;
  cursor: pointer;
  outline: none;
  position: relative;
}
ul.l-sectionMv__slider button:before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: rgba(255,255,255,0);
  left: 0;
  width: 100%;
  bottom: 0;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: 1.5s transform cubic-bezier(.275,0,0,1);
}


/* 
Active
*/

body.two ul.l-sectionMv__slider .slick-active button:before {
  transform-origin: left top;
  transform: scale(1, 1);
  background-color: rgba(255,255,255,0.8);
  transition: 8.9s transform cubic-bezier(.275,0,0,1);
}


/*
scroll
*/

body.mvBg ul.l-sectionMv__slider .slick-dots {
  opacity: 0;
}

/* ------ title ------- */

/* common */

.l-sectionMv__title {
  position: absolute;
  top: 50.5%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  z-index: 2;
}

/* main */

.l-sectionMv__title .main {
  transition: 0.8s all cubic-bezier(.275,0,0,1);
}
.l-sectionMv__title .main img {
  width: 23.1rem;
}

/*
scroll
*/

body.mvBg .l-sectionMv__title .main  {
  opacity: 0;
  transform: translateY(-1.5vw);
}

/* copy */

.l-sectionMv__title .copy {
  color: #fff;
  margin-top: 5.4rem;
  margin-left: 1.5rem;
  font-size: 2rem;
  font-family: trajan-pro-3, serif;
  font-weight: 400;
  letter-spacing: 1.75em;
  opacity: 0.8;
  text-transform: lowercase;
  white-space: nowrap;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
  transition-delay: 0.1s;
}
.l-sectionMv__title .copy .hideChild span {
  font-size: 82%;
  font-family: minion-3-display, serif;
  margin-left: 0.8rem;
  margin-right: 2.8rem;
  letter-spacing: 0.78em;
}
.l-sectionMv__title .copy .hideChild span + span {
  margin-left: 0.5rem;
  margin-right: 0rem;
}

/*
scroll
*/

body.mvBg .l-sectionMv__title .copy  {
  opacity: 0;
  transform: translateY(-1vw);
  transition-delay: 0s;
}

/* ------ info ------- */

/* common */

.l-sectionMv__info {
  position: absolute;
  bottom: 5.1rem;
  right: 6.3rem;
  color: #fff;
  display: flex;
  z-index: 1;
  transition: 0.8s all cubic-bezier(.275,0,0,1);
  display: none;
}
.l-sectionMv__info a {
  color: #fff;
  line-height: 1;
}

/*
scroll
*/

body.mvBg .l-sectionMv__info  {
  opacity: 0;
  transform: translateY(-1vw);
}

/* title */

.l-sectionMv__info .title {
  font-size: 1rem;
  letter-spacing: 0.27em;
  font-family: trajan-pro-3, serif;
  border: 1px solid rgba(255,255,255,0.2);
  padding: 0.5rem 0.6rem 0.5rem 0.9rem;
  margin-bottom: 0rem;
  margin-right: 2.8rem;
  margin-top: 0rem;
  opacity: 0;
  transition: all ease 1.3s;
}
body.two .l-sectionMv__info .title {
  opacity: 1;
}

/* cont */

.l-sectionMv__info .cont {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  margin-top: 0.4rem;
  opacity: 0;
  transition: all ease 1.3s;
}
body.two .l-sectionMv__info .cont  {
  opacity: 1;
}


/* --------------------------- 
  ■ sectionNav
--------------------------- */

/* ------ support ------- */

section.l-sectionTrigr {
  padding-bottom: 13.7vw;
}

/* ------ common ------- */

section.l-sectionNav {
  padding-left: 8.7vw;
  margin-top: 0vw;
  visibility: hidden;
  width: calc(100% - 7.3vw);
  overflow: hidden;
}
section.l-sectionNav .slick-list {
  overflow: visible;
}
section.l-sectionNav .slick-slide {
  width: 35.5rem;
}
section.l-sectionNav .slick-slide + .slick-slide {
  margin-left: 0.9rem;
}

/* ------ cont ------- */

/* common */

section.l-sectionNav .slick-slide {
  opacity:0;
  transition: all ease .45s;
  transform: translateY(2vw);
  transition-delay: 0s;
}

.l-sectionNav__cont {
  background-color: #fff;
  position: relative;
  box-shadow: 1px 0px 16px -6px rgba(0,0,0,0.5);
}

/*
scroll
*/

body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide {
  transform: translateY(0vw);
  opacity: 1;
  visibility: visible;
  transition: all ease 1.05s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(1) {
  transition-delay: 0s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(2) {
  transition-delay: 0.1s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(3) {
  transition-delay: 0.2s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(4) {
  transition-delay: 0.3s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(5) {
  transition-delay: 0.4s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(6) {
  transition-delay: 1s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(7) {
  transition-delay: 1.2s;
}

/* visual */

.l-sectionNav__cont .image {
  width: calc(100% - 1.6rem);
  height: 23vw;
  overflow: hidden;
  border: 1px solid #ebebeb;
  margin: 0.8rem auto 0;
  opacity: 0;
  transition: all ease 1.5s;
}
.l-sectionNav__cont .image .border {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.l-sectionNav__cont .image figure {
  width: 100%;
  height: 100%;
  transition: all ease 0.5s;
}

.l-sectionNav__cont:hover .image figure {
  transform: scale(1.04);
}

.l-sectionNav__cont .image a {
  pointer-events: none;
}

/*
scroll
*/

body.mvBg2 section.l-sectionNav.fadeInUp .l-sectionNav__cont .image {
  opacity: 1;
}


.l-sectionNav__cont figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.1);
  transition: all ease 2s;
}

/*
scroll
*/

body.mvBg2 .l-sectionNav__cont figure img  {
  transform: scale(1);
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(1) figure img {
  transition-delay: 0s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(2) figure img {
  transition-delay: 0.1s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(3) figure img {
  transition-delay: 0.2s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(4) figure img {
  transition-delay: 0.3s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(5) figure img {
  transition-delay: 0.4s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(6) figure img {
  transition-delay: 1s;
}
body.mvBg2 section.l-sectionNav.fadeInUp .slick-slide:nth-child(7) figure img {
  transition-delay: 1.2s;
}

/* cont */

.l-sectionNav__cont .cont {
  width: 73.5%;
  margin: 4.6rem auto 5.3rem;
}
.l-sectionNav__cont .title {
  font-size: 2.75rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.165em;
  font-weight: 600;
  line-height: 1.55;
  margin-top: 0rem;
  text-transform: uppercase;
  transition: all ease .5s;
}
.l-sectionNav__cont .title .hideRotate {
  line-height: 1;
}

.l-sectionNav__cont .sub {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  font-family: trajan-pro-3, serif;
  margin-top: 1.6rem;
  margin-left: 0rem;
  font-variant: initial;
  text-transform: lowercase;
  opacity: 0.275;
  letter-spacing: 0.25em;
}

/* btn */

.l-sectionNav__cont .c-btn {
  position: absolute;
  bottom: 3.5rem;
  right: 1.2rem;
}
.l-sectionNav__cont .c-btn:before,
.l-sectionNav__cont .c-btn:after {
    height: 1.1rem;
    width: 1rem;
}


/* --------------------------- 
  ■ sectionLatest
--------------------------- */

/* ------ common ------- */

section.l-sectionLat {
  padding-top: 14rem;
  padding-bottom: 12rem;
}
section.l-sectionLat > .inner {
  position: relative;
  width: 76.6%;
  margin: 0 auto;
}

/* ------ title ------- */

.l-sectionLat__title {
  font-size: 7.7rem;
  font-family: garamond-premier-pro-display, serif;
  font-weight: 600;
  letter-spacing: 0.16em;
  font-variant: small-caps;
  text-transform: uppercase;
  margin-left: 0.9rem;
  line-height: 0.9;
}

/* ------ menu ------- */

/* common */

ul.l-sectionLat__menu {
  display: flex;
  position: absolute;
  margin-left: 0.2rem;
  top: 1rem;
  right: 2rem;
  display: none;
}
ul.l-sectionLat__menu li {
  font-size: 1.55rem;
  font-family: minion-3-display, serif;
  letter-spacing: 0.075em;
  color: #8f8f8f;
  position: relative;
  transition: all ease .15s;
  cursor: pointer;
}
ul.l-sectionLat__menu li.selected {
  color: #000;
}
ul.l-sectionLat__menu li:hover {
  color: #000;
}


/* Separate */

ul.l-sectionLat__menu li + li {
  padding-left: 2.5rem;
  margin-left: 2.5rem;
}
ul.l-sectionLat__menu li + li:before {
  content: "";
  position: absolute;
  height: 49%;
  width: 1px;
  background-color: #d8d8d8;
  top: 54%;
  left: 0;
  transform: translateY(-50%) rotate(14deg);
}

/* ------ cont ------- */

/* common */

section.l-sectionLat li.l-sectionNewslist__cont:nth-child(3) {
  border-bottom: 1px dotted #e7e7e7;
}
section.l-sectionLat li.l-sectionNewslist__cont:nth-child(n+4) {
  display: none;
}

/* btn */

.l-sectionLat__btn {
  font-size: 2.2rem;
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: 400;
  font-family: 'minion-3-display';
  letter-spacing: 0.35em;
  text-align: center;
  margin-top: 10rem;
}
.l-sectionLat__btn a {
  position: relative;
  line-height: 1.1;
  display: inline-block;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Bespoke

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Bg
--------------------------- */

/* ------ common ------- */

body.bActive {
  overflow: hidden;
}

section.l-bespokeBg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  z-index: 5;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: all ease .7s;
  cursor: crosshair;
  transition-delay: 0.3s;
}

/*
active
*/

section.l-bespokeBg.bgOne {
  z-index: 5;
}
section.l-bespokeBg.bgTwo {
  z-index: 7;
}
section.l-bespokeBg.active {
  background-color: rgb(0 0 0 / 80%);
  visibility: visible;
  transition-delay: 0s;
}


/* --------------------------- 
  ■ Detail
--------------------------- */

/* ------ common ------- */

section.l-bespokeDetail {
  position: fixed;
  background-color: #fff;
  overflow-x: hidden;
  height: 0%;
  z-index: 7;
  bottom: 0;
  right: 0;
  overflow-y: scroll;
  width: 100%;
  transition: 0.95s all cubic-bezier(.275,0,0,1);
  transition-delay: 0.4s;
}
section.l-bespokeDetail > .inner {
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  transition: all ease .5s;
}

/*
active
*/

section.l-bespokeDetail.active {
  height: 100%;
  transition-delay: 0.2s;
}
section.l-bespokeDetail.active > .inner {
  opacity: 1;
  transition-delay: 0s;
}
section.l-bespokeDetail.z1 {
   z-index: 6;
}

/*
active2
*/

section.l-bespokeDetail.active2 {
  height: 100%;
  transition-delay: 0.2s;
}
section.l-bespokeDetail.active2 > .inner {
  opacity: 1;
  transition-delay: 0s;
}
section.l-bespokeDetail.z2 {
  z-index: 8;
}

/*
pc
*/

section.l-bespokeDetail .l-sectNav {
  display: none;
}


/* ------ close ------- */

.l-bespokeDetail__close {
  position: fixed;
  right: 2.6rem;
  top: 2rem;
  width: 3.8rem;
  height: 2.6rem;
  cursor: pointer;
  z-index: 1;
  opacity: 0.4;
  visibility: hidden;
}
.l-bespokeDetail__close span {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 100%;
  background-color: #000;
  top: 1.4rem;
  opacity: 0;
  transition: all ease .35s;
}
.l-bespokeDetail__close span:nth-child(1) {
  transform: rotate(0deg);
  transition-delay: 0s;
}
.l-bespokeDetail__close span:nth-child(2) {
  transform: rotate(0deg);
  transition-delay: 0s;
}

/*
active
*/

section.l-bespokeDetail.active .l-bespokeDetail__close {
  visibility: visible;
}
section.l-bespokeDetail.active .l-bespokeDetail__close span:nth-child(1) {
  transform: rotate(25deg);
  opacity: 1;
  transition-delay: 1.2s;
}
section.l-bespokeDetail.active .l-bespokeDetail__close span:nth-child(2) {
  transform: rotate(-25deg);
  opacity: 1;
  transition-delay: 1.2s;
}
 

/* ------ order/cont------- */



/* ------ head ------- */

/* common */

.l-bespokeDetail__head {
  padding-top: 14.6rem;
  padding-bottom: 14.6rem;
  display: flex;
  align-items: center;
}
.l-bespokeDetail__head > .inner {
  width: 95%;
  text-align: center;
  margin: 0 auto;
  transition: all ease .65s;
}
.l-bespokeDetail__head .cont {
  width: 76.5%;
  margin: 0rem auto 0rem;
}
.l-bespokeDetail__head .right {
  
}

/*
detAc
*/

.l-one.detAc .l-bespokeDetail__head > .inner {
  opacity: 0;
  margin: -3vw auto 0;
}
.l-two.detAc .l-bespokeDetail__head > .inner {
  opacity: 0;
  margin: -3vw auto 0;
}
.l-three.detAc .l-bespokeDetail__head > .inner {
  opacity: 0;
  margin: -3vw auto 0;
}


/* logo */

.l-bespokeDetail__logo {
  position: relative;
  width: 6.2rem;
  height: 6.2rem;
  border: 2px solid #b8b8b8;
  border-radius: 100%;
}
.l-bespokeDetail__logo:before {
  content: "";
  position: absolute;
  width: 5.8rem;
  height: 5.8rem;
  border: 1px solid #b8b8b8;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.l-bespokeDetail__logo img {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 3.7rem;
  width: 3.7rem;
  opacity: 0.5;
}

/* num */

.l-bespokeDetail__num {
  font-size: 2.3rem;
  letter-spacing: 0.02em;
  font-family: athelas, serif;
  width: 74.9%;
  margin: 0rem auto 4.5rem;
  color: #ccbfa8;
}
.l-bespokeDetail__num span.bar {
  position: relative;
  display: inline-block;
}
.l-bespokeDetail__num span.bar:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background-color: rgba(0,0,0,0.08);
  bottom: -0.5rem;
  left: -0.1rem;
  transition: all ease .5s;
  transition-delay: 0s;
}

/*
active
*/

section.l-bespokeDetail.active .l-bespokeDetail__num .hideChild {
  transform: translateY(0em);
  opacity: 1;
  transition-delay: 1.2s;
}
section.l-bespokeDetail.active .l-bespokeDetail__num span.bar:before {
  width: 107%;
  transition-delay: 1.4s;
}


/* title */

.l-bespokeDetail__title {
  font-size: 6.15rem;
  font-family: minion-3-display, sans-serif;
  font-variant: small-caps;
  line-height: 1.375;
  text-transform: uppercase;
  letter-spacing: 0.175em;
  color: #312f2c;
  font-weight: 500;
}
.l-bespokeDetail__title span + span {
  margin-top: 0rem;
}

.l-bespokeDetail__title span.hideParent:nth-child(1) {
  font-weight: 600;
}
.l-bespokeDetail__title span.hideParent:nth-child(2) {
  
}


/*
big
*/

.l-bespokeDetail__title.big {
  font-size: 6.9rem;
}

/*
Aesthetics
*/

.l-bespokeDetail__title.aes {
  font-size: 7.75rem;
  letter-spacing: 0.05em;
}

/*
Modesty
*/

.l-bespokeDetail__title.mod {
  font-size: 7.3rem;
}


/*
Another
*/

.l-bespokeDetail__title.an {
  font-size: 5.2rem;
}


/*
active
*/

.l-bespokeDetail__title .hideChild {
  transition-delay: 0s;
}
section.l-bespokeDetail.active .l-bespokeDetail__title .hideChild {
  transform: translateY(0em);
  opacity: 1;
  transition-delay: 1.2s;
}

/* sub */

.l-bespokeDetail__sub {
  font-size: 1.3rem;
  font-family: 'Zen Old Mincho', serif;
  color: #595959;
  letter-spacing: 0.185em;
  margin-top: 3.5rem;
  display: inline-block;
  text-transform: lowercase;
  position: relative;
  padding: 2.6rem 1.4rem 2.7rem;
  margin-left: -1rem;
}
.l-bespokeDetail__sub:before {
  content:"";
  position: absolute;
  width: 0%;
  border-top: 1px solid rgba(0,0,0,0.05);
  top:0;
  left: 0;
  transition: 1.05s all cubic-bezier(.275,0,0,1);
}
.l-bespokeDetail__sub:after {
  content:"";
  position: absolute;
  width: 0%;
  border-top: 1px solid rgba(0,0,0,0.05);
  bottom:0;
  left: 0;
  transition: 1.05s all cubic-bezier(.275,0,0,1);
}


/*
active
*/

section.l-bespokeDetail.active .l-bespokeDetail__sub .hideChild {
  transform: translateY(0em);
  opacity: 1;
  transition-delay: 1.2s;
}
section.l-bespokeDetail.active .l-bespokeDetail__sub:before {
  width:100%;
  transition-delay: 1.6s;
}
section.l-bespokeDetail.active .l-bespokeDetail__sub:after {
  width:100%;
  transition-delay: 1.75s;
}

/* desc */

.l-bespokeDetail__desc {
  font-size: 1.25rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.05em;
  line-height: 2.15;
  transform: translateY(2em);
  opacity: 0;
  margin: 3.9rem auto 0;
  width: 34rem;
  transition: all ease .5s;
}

/*
active
*/

section.l-bespokeDetail.active .l-bespokeDetail__desc {
  transform: translateY(0em);
  opacity: 0.275;
  transition-delay: 1.2s;
}


/* ------ mv ------ */

/* common */

.l-bespokeDetail__mv {
  width: 70%;
  margin: 0rem auto 0;
  display: flex;
  position: sticky;
  top: 0.6rem;
  transition: 1.95s all cubic-bezier(.275,0,0,1);
}
.l-bespokeDetail__mv figure {
  width: 100%;
  height: calc(100vh - 1.2rem);
  overflow: hidden;
  opacity: 0;
  transition: all ease 1s;
  transition-delay: 0s;
}
.l-bespokeDetail__mv figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.05);
  transition: all ease 3s;
  transition-delay: 0s;
}
.l-bespokeDetail__mv:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  top: 0;
  z-index: 1;
  transition: all ease 1.35s;
}

/*
resonsive
*/

.l-bespokeDetail__mv img.pc {
  display: block;
}
.l-bespokeDetail__mv img.sp {
  display: none;
}


/*
active
*/

section.l-bespokeDetail.active .l-bespokeDetail__mv figure {
  opacity: 1;
  transition-delay: 1.4s;
}
.l-one.detAc2 .l-bespokeDetail__mv figure img {
  transform: scale(1);
  transition-delay: 0.1s;
}
.l-two.detAc2 .l-bespokeDetail__mv figure img {
  transform: scale(1);
  transition-delay: 0.1s;
}
.l-three.detAc2 .l-bespokeDetail__mv figure img {
  transform: scale(1);
  transition-delay: 0.1s;
}

/*
size
*/

.detAc .l-bespokeDetail__mv  {
  width: 99%;
}
.detAc .l-bespokeDetail__mv:before  {
  background-color: rgba(0,0,0,0.65);
}

/*
only
*/

.detAc.only .l-bespokeDetail__mv:before {
  background-color: #fff;
}
.detAc.only2 .l-bespokeDetail__mv:before {
  background-color: #fff;
}

/*
only-besoke
*/

.l-bespokeDetail.bespoke.detAc.only .l-bespokeDetail__mv:before {
  background-color: rgba(0,0,0,0.6);
}
.l-bespokeDetail.bespoke.detAc.only2 .l-bespokeDetail__mv:before {
  background-color: rgba(0,0,0,0.6);
}


/* ------ intro ------ */

.l-bespokeDetail__intro {
  display: flex;
  padding-bottom: 9rem;
  color: #fff;
  width: 68.8%;
  margin: -57rem auto 0; 
  opacity: 0;
  transform: translateY(2vw);
  transition: all ease 1.5s;
}
.l-bespokeDetail__intro.only {
  margin-bottom: 0rem;
}
.l-bespokeDetail__intro .left {
  width: 50%;
}
.l-bespokeDetail__intro .left > .inner {
  position: sticky;
  top: 47.7vh;
  padding-bottom: 20rem;
}
.l-bespokeDetail__intro .right {
  width: 47%;
}

/*
active
*/

.detAc .l-bespokeDetail__intro {
  opacity: 1;
  transform: translateY(0vw);
}


/* ------ cont ------ */

/* common */

.l-bespokeDetail__cont {
  width: 100%;
  margin: 19rem auto 0rem;
  opacity: 1;
  background: #fff;
  position: relative;
  transition: all ease 0.65s;
}
.l-bespokeDetail__cont  > .inner {
  width: 71.8%;
  margin: 0 auto 0;
}



/* right */

/* 
figure
*/

.l-bespokeDetail__cont .intro figure {
  height: 49vw;
  width: 103%;
}
.l-bespokeDetail__cont .intro figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
}

/* 
desc
*/

.l-bespokeDetail__cont .intro .right .c-desc {
  margin-top: -0.5rem;
}

/* TabMenu */

/*
Common
*/

.l-bespokeDetail__cont .intro + .l-tabCont {
  margin-top: 0;
}
.l-tabCont {
  width: 100%;
}

/*
Menu
*/

.l-tabMenu {
  padding: 4.4rem 0 4.5rem;
  display: flex;
  width: 140.2%;
  margin-left: -20.8%;
  border-bottom: 1px solid #f4f4f4;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
}
.topicon + .l-tabMenu {
  border-bottom: initial;
  display: none;
}

.l-tabMenu .title {
  font-size: 2.3rem;
  font-family: minion-3-display,'Zen Old Mincho', serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  display: none;
}

.l-tabMenu ul {
  display: flex;
  justify-content: right;
  margin: 0 auto;
  width: 89.5%;
}
.l-tabMenu li {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  width: initial;
  text-align: left;
  cursor: pointer;
}
.l-tabMenu li + li {
  margin-left: 4.1rem;
}
.l-tabMenu li > span {
  padding-right: 2rem;
  position: relative;
  display: inline-block;
  line-height: 1;
}
.l-tabMenu li > span:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../../../assets/img/common/arrow-under.svg);
  background-size: cover;
  height: 1.25rem;
  width: 1.25rem;
  right: 0rem;
  top: 51%;
  transform: translateY(-50%);
}


/*
Active
*/

.l-tabMenu li.active {
  
}
.l-tabMenu li.active > span {
  font-weight: 500;
  position: relative;
}
.l-tabMenu li.active a {
  color: #979797;
}


/*
Area
*/

.topicon .l-tabArea:nth-child(2),
.topicon .l-tabArea:nth-child(3) {
  display: none;
}


/* list */
/*
common
*/

.l-bespokeDetail__cont dl {
  display: flex;
  padding: 17.5rem 0;
}
.l-bespokeDetail__cont dl + dl {
  border-top: 1px dotted #eaeaea;
}
.l-bespokeDetail__cont dl:last-child {
  border-bottom: initial;
}
.l-bespokeDetail__cont dl.order {
  width: 143.2%;
  margin-left: -21.6%;
  padding-bottom: 11rem;
  border-top: initial;
  border-bottom: initial;
  background: #f8f8f8;
}
.l-bespokeDetail__cont dl.order > .inner {
  display: flex;
  width: 70.6%;
  margin: 0 auto;
}

.l-bespokeDetail__cont #workflow dl.listW  {
  padding: 9rem 0;
}
.l-bespokeDetail__cont #workflow dl.listW:first-child {
  padding: 13.5rem 0;
}
.l-bespokeDetail__cont #workflow dl.last,
.l-bespokeDetail__cont dl.last {
  padding-bottom: 18rem;
}

.l-bespokeDetail__cont dt {
  width: 50%;
}
.l-bespokeDetail__cont dd {
  width: 50%;
  margin-top: -0.6rem;
}

/*
active
*/

section.l-bespokeDetail.bespoke.gtw .l-bespokeDetail__cont dl.order {
  background: #fff;
}

/*
title
*/

.l-bespokeDetail__cont dt {
  font-size: 2.1rem;
  letter-spacing: 0.01em;
  font-family: minion-3-display,'Zen Old Mincho', serif;
}
.l-bespokeDetail__cont dt span {
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0.15em;
  font-family: garamond-premier-pro-display, serif;
  margin-top: 1.1rem;
  margin-left: 0.3rem;
  opacity: 0.35;
}
.l-bespokeDetail__cont dl.order dt,
.l-bespokeDetail__cont #workflow dl.order dt {
  font-size: 2.7rem;
  font-family: minion-3-display,'Zen Old Mincho', serif;
  letter-spacing: 0.165em;
  font-weight: 600;
  font-variant: small-caps;
  text-transform: uppercase;
}
.l-bespokeDetail__cont dl.order dt span {
  font-size: 1rem;
  font-family: minion-3-display,'Zen Old Mincho', serif;
  opacity: 0.25;
  font-weight: 400;
  margin-top: 0.7rem;
  letter-spacing: 0.18em;
  margin-left: 0rem;
}

.l-bespokeDetail__cont dt > .inner {
  position: sticky;
  top: 46.4vh;
  margin-bottom: 15rem;
}

.l-bespokeDetail__cont #workflow .listW dt {
  font-size: 2rem;
  display: flex;
}
.l-bespokeDetail__cont #workflow .listW dt .num {
  font-size: 1.75rem;
  letter-spacing: 0.05em;
  font-family: athelas, serif;
  color: #baad96;
  margin-top: 0.5rem;
  margin-right: 2.5rem;
  margin-left: 0.4rem;
}
.l-bespokeDetail__cont #workflow .listW dt > .inner {
  margin-bottom: 0rem;
}

/*
image
*/

.l-bespokeDetail__cont dd figure {
  height: 30vw;
}
.l-bespokeDetail__cont dd figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
}

/*
desc
*/

.l-bespokeDetail__cont dd .desc {
  font-size: 1.35rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.05em;
  line-height: 2.85;
}
.l-bespokeDetail__cont dd figure + .desc {
  margin-top: 3.6rem;
}

.l-bespokeDetail__cont dd .desc span {
  display: block;
  font-size: 1.05rem;
  line-height: 2.3;
  margin-top: 1.8rem;
  opacity: 0.4;
}

/*
btn
*/

.l-bespokeDetail__cont dd .btn {
  font-size: 1.2rem;
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.15em;
  margin-top: 5.4rem;
  border: 1px solid #efefef;
  line-height: 1;
}
.l-bespokeDetail__cont dd .btn + .btn {
  margin-top: 0.6rem;
}

.l-bespokeDetail__cont dd .btn .link {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-transform: lowercase;
  width: 100%;
  height: 100%;
  padding-top: 3.9rem;
  padding-bottom: 3.9rem;
  background: rgba(255,255,255,0.9);
}
.l-bespokeDetail__cont dd .btn .link:hover {
  background: rgb(225 225 225 / 10%);
}
.l-bespokeDetail__cont dd .btn .link > span {
  position: relative;
  display: block;
}

.l-bespokeDetail__cont dd .btn .link > span:before {
  content: "";
  position: absolute;
  top: 36.5%;
  right: 2.9rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #dbcdb4;
  border-right: 1px solid #dbcdb4;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transition: all ease .35s;
  transition-delay: 0.1s;
}
.l-bespokeDetail__cont dd .btn .link > span:after {
  content: "";
  position: absolute;
  top: 36.5%;
  right: 3.2rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #dbcdb4;
  border-right: 1px solid #dbcdb4;
  opacity: 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transition: all ease .35s;
  transition-delay: 0s;
}

/*
Hover
*/

.l-bespokeDetail__cont dd .btn .link:hover > span:before {
  right: 2.6rem;
  opacity: 0;
  transition-delay: 0s;
}
.l-bespokeDetail__cont dd .btn .link:hover > span:after {
  right: 2.9rem;
  opacity: 1;
  transition-delay: 0.1s;
}



/* ------ Click Close ------ */

/* common */

.l-bespokeDetail__closePage {
  font-family: 'minion-3-display';
  font-size: 1.75rem;
  color: #5f5f5f;
  letter-spacing: 0.16em;
  text-transform: lowercase;
  font-variant: small-caps;
  height: 12vw;
  line-height: 0.8;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #f4f4f4;
}
.l-bespokeDetail__closePage span.inview {
  display: inline-block;
  position: relative;
  padding-right: 1.8rem;
  margin-left: 1.7rem;
}
.l-bespokeDetail__closePage span.inview:before {
  content: "";
  position: absolute;
  top: 15%;
  right: 0rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #dbcdb4;
  border-right: 1px solid #dbcdb4;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
  transition: all ease .35s;
  transition-delay: 0.1s;
}
.l-bespokeDetail__closePage span.inview:after {
  content: "";
  position: absolute;
  opacity:0;
  margin-top: -0.4rem;
  top: 15%;
  right: 0rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #baad96;
  border-right: 1px solid #baad96;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
  transition: all ease .35s;
  transition-delay: 0s;
}

/*
Bespoke
*/

.l-bespokeDetail.bespoke .l-bespokeDetail__closePage {
  background-color: #fff;
}


/*
hover
*/

.l-bespokeDetail__closePage span.inview:hover:before {
  margin-top: 0.4rem;
  opacity:0;
  transition-delay: 0s;
}
.l-bespokeDetail__closePage span.inview:hover:after {
  margin-top: 0rem;
  opacity:1;
  transition-delay: 0.1s;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Single

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ Adjust
--------------------------- */

section.l-singleAdjust {
  padding-bottom: 20rem;
}


/* --------------------------- 
  ■ Introduction
--------------------------- */

/* ------ Info ------ */

.l-singleIntro__info {
  color: #fff;
  width:  69.3%;
  margin: 0 auto;
  display: flex;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 8.6rem;
  padding-left: 1rem;
}

.l-singleIntro__info dl + dl {
  margin-left: 12.7rem;
}
.l-singleIntro__info dt {
  font-size: 1.1rem;
  font-family: trajan-pro-3, serif;
  text-transform: uppercase;
  letter-spacing: 0.115em;
  opacity: 0.5;
}
.l-singleIntro__info dd {
  font-size: 1.45rem;
  font-family: minion-3-display, serif;
  letter-spacing: 0.075em;
  color: rgba(255,255,255,0.8);
  margin-top: 1.2rem;
  line-height: 2.08;
}

/* ------ Url ------ */

.l-singleIntro__url {
  width: 69.3%;
  margin: 0 auto;
  font-size: 2rem;
  font-family: 'minion-3-display';
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: 0.29em;
  text-align: center;
  margin-top: 9.7rem;
  line-height: 1.3;
  border: 1px solid rgba(255,255,255,0.2);
}
.l-singleIntro__url a {
  width: 100%;
  display: inline-block;
  padding-top: 4rem;
  padding-bottom: 4.2rem;
  color: rgba(255,255,255,0.7);
}


/* --------------------------- 
  ■ Article
--------------------------- */

/* ------ common ------ */

article.l-singleArticle {
  padding-top: 0rem;
  padding-bottom: 21rem;
  position: relative;
}

/* ------ image ------ */

.l-singleArticle figure {
  overflow: hidden;
  width: 70%;
  margin: 0 auto;
  border: 3px solid #fff;
  transition: all ease .5s;
}
.l-singleArticle figure + figure {
  margin-top: 4.2rem;
}
.l-singleArticle img {
  width: 100%;
  height: 100%;
  transform: scale(1.015);
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  filter: grayscale(1);
  transition: all ease 1.5s;
}

/*
active
*/

.l-singleArticle figure.fadeInUp img {
  filter: grayscale(0);
  transform: scale(1.01);
}

/*
hover
*/

.l-singleArticle figure:hover {
  filter: grayscale(0);
  cursor: grabbing;
}


/* --------------------------- 
  ■ Credit
--------------------------- */

/* ------ common ------ */

section.l-sectCredit {
  padding-top: 16.5rem;
  padding-bottom: 17rem;
  background: #fff;
  position: relative;
}
section.l-sectCredit > .inner {
  width: 74%;
  margin: 0 auto;
  display: flex;
}
section.l-sectCredit .left {
  width: 49.5%;
}
section.l-sectCredit .right {
  width: 50%;
}

/* ------ title ------ */

.l-sectCredit__title {
  font-size: 3.2rem;
  font-family: minion-3-display, serif;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform:capitalize;
}

/* ------ list ------ */

/* common */

ul.l-sectCredit__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
ul.l-sectCredit__list li {
  width: 100%;
}
ul.l-sectCredit__list li:nth-child(n + 2) {
  margin-top: 4.7rem;
}

/* name */

ul.l-sectCredit__list .name {
  font-size: 2.05rem;
  font-family: minion-3-display, serif;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.065em;
}
ul.l-sectCredit__list .name a {
  
}

/* part */

ul.l-sectCredit__list .part {
  font-size: 1.35rem;
  font-family: minion-3-display, serif;
  letter-spacing: 0.02em;
  line-height: 2;
  margin-top: 0.65em;
  color: #878787;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ News

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ sectNews
--------------------------- */

/* ------ common ------ */

section.l-sectNews {
  position: relative;
  padding-bottom: 15rem;
}
section.l-sectNews > .inner {
  width: 85%;
  margin: 0 auto;
}
section.l-sectNews .l-sectionNewslist {
  margin-top: initial;
}

/*
margin
*/

article.l-newsSingle + section.l-sectNews {
  padding-top: 9rem;
}


/* --------------------------- 
  ■ pagenation
--------------------------- */

/* ------ common ------ */

.c-pagenation {
  text-align: center;
  margin-top: 9.6rem;
}
.c-pagenation ul {
  font-size: 1.5rem;
  font-family: trajan-pro-3, serif;
  display: flex;
  justify-content: center;
}
.c-pagenation ul li {
  transition: all ease .35s;
}
.c-pagenation ul li + li {
  margin-left: 1.5rem;
}
.c-pagenation ul li a.active {
  opacity: 0.4;
}

/*
hover
*/

.c-pagenation ul li:hover {
  opacity: 0.6;
}

/* --------------------------- 
  ■ single
--------------------------- */

/* ------ common ------ */

article.l-newsSingle {
  z-index: 1;
  position: relative;
}
article.l-newsSingle > .inner {

}

/* ------ head ------ */

/* common */

.l-newsSingle__head {
  text-align: center;
  padding-top: 21.5rem;
  padding-bottom: 17.5rem;
  opacity: 0;
  transform: translateY(1vw);
  transition: 2.05s all cubic-bezier(.275,0,0,1);
}

/*
anim
*/

body.one .l-newsSingle__head {
  opacity: 1;
  transform: translateY(0);
}

/* title */

.l-newsSingle__head .title {
  font-family: 'Zen Old Mincho', serif;
  font-size: 3.15rem;
  letter-spacing: 0.07em;
}

/* date */

.l-newsSingle__head .date {
  font-size: 1.8rem;
  letter-spacing: 0.125em;
  font-family: athelas, serif;
  font-variant: small-caps;
  margin-top: 1.9rem;
  color: #cfcccc;
  text-transform: lowercase;
}

/* ------ inner ------ */

.l-newsSingle__inner {
  display: flex;
  width: 97.5%;
  margin: 0 auto;
}


/* ------ mv ------ */

.l-newsSingle__mv {
  margin: 0 auto 0;
  width: 50%;
  top: 3.7rem;
  position: sticky;
  height: calc(100vh - 5.3rem);
  /*height: 55vw;*/
  overflow: hidden;
  transition: 2.05s all cubic-bezier(.275,0,0,1);
}
.l-newsSingle__mv figure {
  width: 100%;
  height: 100%;
  filter: grayscale(0);
  transition: all ease 1.5s;
  position: relative;
}
.l-newsSingle__mv figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: all ease 1.5s;
}
.l-newsSingle__mv figure:before {
  content: "";
  position: absolute;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  transition: 1s all cubic-bezier(.275,0,0,1);
  z-index: 1;
}

/* 
loading
*/

body.one .l-newsSingle__mv figure img {
  transform: scale(1);
}
body.one .l-newsSingle__mv figure:before {
  height: 0%;
}

/* 
scroll
*/

/*body.mvBg .l-newsSingle__mv {
  width: 84.5%;
}*/
body.mvBg .l-newsSingle__mv figure {
  filter: grayscale(0);
  transform: scale(1.025);
}


/* ------ cont ------ */

.l-newsSingle__cont {
  width: 50%;
  opacity: 0;
  transform: translateY(1vw);
  position: relative;
  background: #fff;
  margin-top: -0.4rem;
  padding-bottom: 10rem;
  transition: 2s all cubic-bezier(.275,0,0,1);
}
.l-newsSingle__cont p {
  width: calc(77% - 0rem);
  font-family: 'Zen Old Mincho', serif;
  margin: 0 auto;
  padding-left: 1rem;
  font-size: 1.4rem;
  line-height: 2.45;
  letter-spacing: 0.05em;
}
.l-newsSingle__cont p + p {
  padding-top: 3.6rem;
}
.l-newsSingle__cont p a {
  color: #9e9078;
  text-decoration: underline;
}

/* 
loading
*/

body.three .l-newsSingle__cont.fadeInUp {
  opacity: 1;
  transform: translateY(0vw);
}

/* 
inner
*/

.l-newsSingle__contInner {
  top: 13.4rem;
  position: sticky;
}


/* ------ prevNext ------ */

/* common */

.l-prevNext {
  position: relative;
  padding: 11.2rem 0 0;
  background: #fff;
}
.l-prevNext > .inner {
  width: 48.6%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  border-top: 1px dotted #e8e8e8;
  border-bottom: 1px dotted #e8e8e8;
  padding: 8.2rem 0;
}

/* arrow */

.l-prevNext .arrow {
  position: relative;
  font-size: 2.1rem;
  margin-top: -0.4rem;
}
.l-prevNext .arrow.prev {
  margin-right: auto;
  padding-left: 2.4rem;
}
.l-prevNext .arrow.next {
  margin-left: auto;
  padding-right: 2.4rem;
}
.l-prevNext .arrow a {
  display: block;
  height: 0.9rem;
  width: 0.8rem;
  position: relative;
  opacity: 0.75;
}


/* index */

.l-prevNext .index {
  font-size: 1.75rem;
  font-family: 'minion-3-display';
  letter-spacing: 0.16em;
  text-transform: lowercase;
  line-height: 1;
}


/* 
><><><><><><><><><><><><><><><><><><><>

  ▼ Company

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ sectCompany
--------------------------- */

/* ------ common ------ */

section.l-sectCompany {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
section.l-sectCompany > .inner {
  width: 81%;
  display: flex;
  margin: 0rem auto 0;
  padding-bottom: 5rem;
}
section.l-sectCompany .left,
section.l-sectCompany .right {
  width: 50%;
}
section.l-sectCompany dl {
  display: flex;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  font-family: minion-3-display,'Zen Old Mincho', serif;
}
section.l-sectCompany dl +  dl {
  margin-top: 1rem;
}

/* ------ left ------ */

section.l-sectCompany .left > .inner {
  width: 90%;
}


/* ------ dt ------ */

section.l-sectCompany dt {
  font-size: 1.3rem;
  width: 23%;
  font-variant: small-caps;
  text-transform: lowercase;
  margin-top: 0.5rem;
  letter-spacing: 0.12em;
  padding-left: 1.4rem;
}

/* ------ dd ------ */

section.l-sectCompany dd {
  width: 73%;
  line-height: 2.4;
  padding-right: 0.6rem;
}

/*
service
*/

section.l-sectCompany dl#service dd {
  font-size: 1.25rem;
  line-height: 2.45;
}

/* ------ profile ------ */

section.l-sectCompany dl#profile {
  /*border-top: 1px dotted #e8e8e8;*/
  padding-bottom: 6.5rem;
}
section.l-sectCompany dl#profile .sub {
  font-size: 1.1rem;
  letter-spacing: 0.06em;
  font-family: minion-3-display, sans-serif;
  margin-left: 0.2rem;
  margin-top: 0.2rem;
  opacity: 0.6;
}
section.l-sectCompany dl#profile .name {
  font-size: 2.6rem;
  font-weight: 500;
  font-family: garamond-premier-pro-display, serif;
  letter-spacing: 0.04em;
  margin-top: -0.8rem;
  text-transform: capitalize;
}
section.l-sectCompany dl#profile .desc {
  font-size: 1.15rem;
  letter-spacing: 0.05em;
  margin-top: -0.1rem;
  line-height: 2.35;
  max-width: 92%;
}

/* ------ image ------ */

section.l-sectCompany .right figure {
  width: 100%;
  height: 39vw;
  position: sticky;
  top: 3rem;
  overflow: hidden;
  transition: all ease 1s;
}
section.l-sectCompany .right figure img {
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.15);
  transition: all ease 2s;
  transition-delay: 0.2s;
}

/*
anim
*/

body.two section.l-sectCompany .right figure img {
  transform: scale(1);
}

/* 
><><><><><><><><><><><><><><><><><><><>
  
  ▼ Join

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ sectJoin
--------------------------- */

/* ------ common ------ */

section.l-sectJoin {
  padding-bottom: 3rem;
}
section.l-sectJoin > .inner {
  width: 80.5%;
  margin: 0 auto;
}


/* ------ head ------ */

/* common */

.l-sectJoin__head {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;;
}
.l-sectJoin__head > .inner {
  display: flex;
  width: 95.6%;
  margin: 0 auto;
  padding-top: 9.5rem;
  padding-bottom: 10rem;
}

/* left */

.l-sectJoin__head .left {
  width: 50%;
}
.l-sectJoin__head .left .title {
  font-size: 2.55rem;
  font-family: 'Zen Old Mincho', serif;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.l-sectJoin__head .left .sub {
  font-size: 1.3rem;
  font-family: minion-3-display, serif;
  font-weight: 400;
  margin-top: 1.3rem;
  margin-left: 0.1rem;
  letter-spacing: 0.07em;
  opacity: 0.225;
}

/* right */

.l-sectJoin__head .right {
  width: 50%;
  margin-top: -0.4rem;
}
.l-sectJoin__head .right .desc {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.4rem;
  line-height: 2.8;
  letter-spacing: 0.05em;
}

/*
caution
*/

.l-sectJoin__head .right .desc span {
  font-size: 86%;
  opacity: 0.5;
  margin-top: 1.5em;
  display: block;
  line-height: 2;
}


/* ------ cont ------ */

/* common */

.l-sectJoin__cont {
  padding-top: 10.5rem;
  padding-bottom: 11.5rem;
}

/* dl */

.l-sectJoin__cont dl {
  border-bottom: 1px solid #eee;
  padding-bottom: 4.7rem;
}
.l-sectJoin__cont dl +  dl {
  margin-top: 4.7rem;
}

/* dt */

.l-sectJoin__cont dt {
  font-size: 1.8rem;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0.03em;
  padding-top: 0rem;
  padding-bottom: 0rem;
  cursor: pointer;
  position: relative;
  transition: all ease .35s;
}
.l-sectJoin__cont dt.active {
  padding-bottom: 3.8rem;
}

.l-sectJoin__cont dt > .inner {
  width: 97.6%;
  margin: 0 auto;
  transition: all ease .35s;
}
.l-sectJoin__cont dt:hover > .inner {
  opacity: 0.7;
}


.l-sectJoin__cont dt:before {
  content: "";
  position: absolute;
  display: block;
  width: 1.1rem;
  height: 1px;
  background-color: #000;
  right: 2rem;
  top: 1.2rem;
}
.l-sectJoin__cont dt:after {
  content: "";
  position: absolute;
  display: block;
  width: 1.1rem;
  height: 1px;
  background-color: #000;
  right: 2rem;
  top: 1.2rem;
  transform: rotate(90deg);
  transition: all ease .35s;
}

/*
active
*/
.l-sectJoin__cont dt.active:after {
  transform: rotate(0deg);
}

/* dd */

.l-sectJoin__cont dd {
  padding-top: 2rem;
  padding-bottom: 7rem;
  display: none;
}
.l-sectJoin__cont dd:before {
  content: "";
  display: block;
  width: 0.9rem;
  height: 1px;
  padding-top: 6rem;
  border-top: 1px solid #e6e6e6;
  margin-left: 1.5%;
  opacity: 0;
  transition: all ease .5s;
  transition-delay: 0s;
}

.l-sectJoin__cont dt.active + dd:before {
  opacity: 1;
  transition-delay: 2s;
}

.l-sectJoin__cont dd > .inner {
  display: flex;
  width: 98%;
  margin: 0 auto;
  opacity: 0;
  transition: all ease .5s;
  transition-delay: 0s;
}
.l-sectJoin__cont dt.active + dd > .inner {
  opacity: 1;
  transition-delay: 2s;
}

/*
left
*/

.l-sectJoin__cont dd .left {
  width: 50%;
}
.l-sectJoin__title {
  font-weight: 500;
}
.l-sectJoin__title .main {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.95rem;
  letter-spacing: 0.03em;
}
.l-sectJoin__title .sub {
  font-size: 1.1rem;
  font-family: minion-3-display, serif;
  font-weight: 400;
  margin-top: 1.1rem;
  margin-left: 0.1rem;
  letter-spacing: 0.05em;
  opacity: 0.25;
}

/*
right
*/

.l-sectJoin__cont dd .right {
  width: 50%;
}

.l-sectJoin__intro {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.35rem;
  line-height: 2.45;
  letter-spacing: 0.05em;
}

.l-sectJoin__apply {
  margin-top: 3.6rem;
  border: 1px dotted #e3e3e3;
  padding: 4.6rem 4.6rem;
}
.l-sectJoin__apply .title {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.65rem;
  margin-left: 0.4rem;
}
.l-sectJoin__apply .list {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.2rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  margin-top: 1.4rem;
}

.l-sectJoin__btn {
  width: 100%;
  text-align: center;
  margin-top: 4.3rem;
}
.l-sectJoin__btn a {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  display: inline-block;
  width: 100%;
  background-color: #F4F4F4;
  line-height: 4.8;
  border-radius: 5rem;
}
.l-sectJoin__btn a:hover {
  background-color: #ebebeb;
}


/* 
><><><><><><><><><><><><><><><><><><><>
  
  ▼ Contact

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ sectContact
--------------------------- */

/* ------ common ------ */

section.l-sectContact {
  width: 86%;
  margin: 0 auto;
  border-top: 1px dotted #e8e8e8;
  padding-bottom: 9rem;
}
section.l-sectContact > .inner {
  width: 98%;
  margin: 0 auto;
  display: flex;
  padding-top: 9rem;
  padding-bottom: 8rem;
}
section.l-sectContact .left {
  width: 50%;
}
section.l-sectContact .right {
  width: 48%;
  margin-left: 2%;
}

/* ------ left ------ */

/* desc */

.l-sectContact__desc {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.35rem;
  letter-spacing: 0em;
  width: 91%;
  line-height: 2.55;
  text-align: justify;
  padding-left: 0.4rem;
  position: sticky;
  top: 18.5rem;
}
.l-sectContact__desc a.mail {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  font-family: minion-3-display, serif;
  margin-top: 1.5rem;
  margin-left: 0.2rem;
}
.l-sectContact__desc a.mail span {
  font-size: 1.6rem;
  text-decoration: underline;
}

/* ------ form ------ */

/* common */

.mw_wp_form {
  font-family: minion-3-display,'Zen Old Mincho',serif;
  margin-top: 0.5rem;
}
.mw_wp_form p + p {
  margin-top: 3.6rem;
}
.mw_wp_form p:nth-child(10) {
  margin-top: 2.8rem;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset;
}

/* title */

.formTitle {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  display: block;
  margin-bottom: -0.4rem;
  margin-left: 0.1rem;
}
.formTitle.required:after {
  content: "＊";
  margin-left: 0.2rem;
  color: #b52727;
}
.formTitle a {
  text-decoration: underline;
}

/* select */

.mw_wp_form select {
  font-size: 1.25rem;
  letter-spacing: 0.01em;
  width: 100.4%;
  border: 1px solid #ececec;
  line-height: 3.9;
  height: 8rem;
  padding: 0 2.8rem;
  outline: none;
   -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  border-radius: 0;
  transition: all ease .35s;
}
.formSelect {
  position: relative;
  display: block;
}
.formSelect::after {
  content: "";
  display: block;
  position: absolute;
  right: 3rem;
  top: 38.6%;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
  transition: all ease .25s;
  z-index: 2;
}

/* input */

.mw_wp_form input {
  font-size: 1.25rem;
  letter-spacing: 0.01em;
  width: calc(100% - 2.8rem*2);
  border: 1px solid #ececec;
  background: #fafafa;
  line-height: 5.7;
  padding: 0 2.8rem;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  transition: all ease .35s;
}
.mw_wp_form input:focus {
  border: 1px solid #ccc;
}

.mw_wp_form input + input {
  margin-top: 0.7rem;
}

/* textarea */

.mw_wp_form textarea {
  font-size: 1.25rem;
  letter-spacing: 0.01em;
  width: calc(100% - 2.9rem*2);
  border: 1px solid #ececec;
  background: #fafafa;
  line-height: 1.5;
  padding: 3rem 2.9rem;
  min-height: 23.5em;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  transition: all ease .35s;
}
.mw_wp_form textarea:focus {
  border: 1px solid #ccc;
}

/* checkBox */

.mwform-checkbox-field input,
.mwform-radio-field input {
  width: initial;
}

.mwform-radio-field{
  margin: 0 .5em;
}
input[type=checkbox] {
  appearance: none;
  display: none;
}
input[type=checkbox] + span {
  font-size: 1.3rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox] + span:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c8";
  display: inline-block;
  margin-right: 0.6em;
  font-weight: 400;
  color: #bfbfbf;
}
input[type=checkbox]:checked + span:before {
  content: "\f14a";
  font-weight: 400;
}

.mwform-checkbox-field {
  margin-top: 0.3rem;
  display: block;
}
.mwform-checkbox-field-text {
  font-size: 1.35rem;
}

/* btn */

.mw_wp_form input.submit {
  font-size: 1.35rem;
  letter-spacing: 0.075rem;
  border: initial;
  width: 103%;
  margin-left: -1.5%;
  border-radius: 5rem;
  line-height: 5.2;
  background: #f4f4f4;
  margin-top: 0rem;
}
.mw_wp_form input.submit:hover {
  background-color: #ebebeb;
}

/*
confirm
*/

.mw_wp_form_confirm input {
  background-color: #F4F4F4;
  font-weight: 500;
  margin-top: 1.2rem;
}


/* ------ error ------ */

/* common */

.mw_wp_form .error {
  margin-top: 1rem;
}
.mw_wp_form .error +  input {
  margin-top: 1.5rem;
}

/* ------ confirm ------ */

.mw_wp_form_confirm .formTitle {
  font-weight: 500;
  margin-bottom: -0.4rem;
}
.mw_wp_form_confirm .formSelect::after {
  display: none;
}

.mw_wp_form_confirm p {
  font-size: 1.5rem;
  font-weight: 600;
}
.mw_wp_form_confirm p + p {
  margin-top: 2.7rem;
}

.mw_wp_form_confirm input.submit {
  margin-top: 3rem;
}

/* ------ complete ------ */

.mw_wp_form_complete {
  font-size: 1.35rem;
  border: 1px solid #eee;
  padding: 4.4rem 4.9rem;
  margin-top: 0.2rem;
}
.mw_wp_form_complete p {
  line-height: 2.3;
}
.mw_wp_form_complete p a {
  text-decoration: underline;
}

/* 
><><><><><><><><><><><><><><><><><><><>
  
  ▼ Policy

><><><><><><><><><><><><><><><><><><><>

/* --------------------------- 
  ■ sectPolicy
--------------------------- */

/* ------ common ------ */

section.l-sectPolicy {
  margin-top: 0rem;
  padding-bottom: 15rem;
}
section.l-sectPolicy > .inner {
  width: 81.4%;
  margin: 0 auto;
}
section.l-sectPolicy dl {
  display: flex;
  font-size: 1.55rem;
}
section.l-sectPolicy dl:nth-child(1) {
  border-top: 1px dotted #e8e8e8;
  padding-top: 7.1rem;
}
section.l-sectPolicy dl + dl {
  border-top: 1px dotted #e8e8e8;
  margin-top: 7rem;
  padding-top: 7rem;
}
section.l-sectPolicy dl:last-child {
  border-bottom: 1px dotted #e8e8e8;
  padding-bottom: 7.7rem;
}

/* ------ dt ------ */

section.l-sectPolicy dt {
  width: 50%;
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 2.3;
  padding-left: 0.4rem;
}

/* ------ dd ------ */

section.l-sectPolicy dd {
  width: 50%;
  font-size: 1.35rem;
  font-family: 'Zen Old Mincho', serif;
  line-height: 2.3;
  text-align: justify;
  padding-left: 0.4rem;;
}
section.l-sectPolicy dd a {
  text-decoration: underline;
}