/* adjustTablet.css */

/* 
=================================================== 
  
  ◆ Tablet

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

@media screen and (max-width:1250px) {

/* 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

.l-sectionNav__cont .image {
  height: 27.5vw;
}  
section.l-sectNav {
  background-attachment: initial;
  min-height: 59.2vw;
}
section.l-sectExp {
  min-height: 59.5vw;
}

/*
END
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-
*/
}

@media screen and (max-width:1024px) {

/* 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>


◆ Tablet

// ● Common //

▼ Loading
▼ Cursor
▼ Humb
▼ Header
▼ Footer

--

// ● Components //

▼ Link
▼ Heading
▼ Desc

--

// ● Section //

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


--

// ● Page //

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



>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>


// ● Common  //


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

  ▼ Loading

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

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

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

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

.loadBg__cont .txt {
  margin-left: 0px;
  overflow: initial;
}




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

  ▼ Cursor

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

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

#stalker {
  display: none
}


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

  ▼ Humb

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

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

.l-humb__btn {
  top: 4.9rem;
  right: 4.5rem;
  width: 6.2rem;
  height: 1.2rem;
}

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

.l-humbLogo {
  border: 2px solid #c0c0c0;
  display: none
}
.l-humbLogo:before {
  border: 1px solid #c0c0c0;
}
.l-humbLogo img.wh {
  display: none;
}
.l-humbLogo img.bl {
  display: block;
  opacity: 0.4;
}

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

.l-humbClose {
  width: 4rem;
  top: 3rem;
  right: 3rem;
}
.l-humbClose span {
  background-color: #a2a2a2;
}


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

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

/* layout */

.l-humbCont__sect.second,
.l-humbCont__sect.last {
  display: none
}
.l-humbCont__sect.first {
  width: 100%;
  align-items: initial;
  overflow-y: scroll;
  margin-left: 0rem;
  height: calc(100% - 0rem);
  margin-top: 0;
}

/*
active
*/

.l-humbCont .inner {
 width: 88%;
 margin: 23vh auto 00;
}
.l-humbCont .l-humbCont__box {
  padding-bottom: 30vw;
}

/* lang */

nav.l-humbCont__lang {
  position: fixed;
  top: 4.1rem;
  right: 11rem;
}
nav.l-humbCont__lang li {
  font-size: 1.4rem;
}

/* nav */

nav.l-humbCont__nav {
  display: block;
  margin-top: 2.6rem;
}
nav.l-humbCont__nav ul li {
  font-size: 2.2rem;
  letter-spacing: 0.175em;
}
nav.l-humbCont__nav ul li + li {
  margin-top: 5.5rem;
}
nav.l-humbCont__nav ul li.pc {
  display: none;
}
nav.l-humbCont__nav ul li.sp {
  display: block;
}

/*
triger
*/

.humbTriger {
  position: relative;
  display: inline-block;
}
.humbTriger:before {
  position: absolute;
  /*content: "";*/
  top:53.2%;
  right: -2.2rem;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #d4c7b2;
  border-right: 1px solid #d4c7b2;
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  opacity: 0;
  transition: all ease .25s;
}
.humbTriger.visible:before {
  opacity: 1;
  top:44.4%;
}

.humbTriger.active:before {
  top: 59.2%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

/*
image
*/

.l-humbCont__sect figure {
  height: 21vw;
}
body.humbActive .humbReceive.recActive figure:after {
  transform: scaleY(0);
  transition-delay: 0s;
}
body.humbActive .humbReceive.recActive figure img {
  transform: scale(1);
}



/*
image - hover
*/

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

/*
humbReceive
*/

.humbReceive {
  display: none
}
.humbReceive ul {
  margin-top: 5.05rem;
  padding-bottom: 0.95rem;
}
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(1) .hideChild.
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(2) .hideChild,
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(3) .hideChild,
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(4) .hideChild {
  transition-delay: 0s !important;
}

body nav.l-humbCont__nav .humbReceive.project ul li {
  position: relative
}
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(2),
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(3),
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(4) {
  height: 22.1vw;
}
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(3),
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(4) {
  margin-top: 0.4rem
}

body nav.l-humbCont__nav .humbReceive.project ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(2) a,
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(3) a,
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(4) a {
  color: #fff;
}

/*
humbReceive - title
*/

.humbReceive span.hideParent {
  position: relative;
  z-index: 3;
}
.humbReceive span.hideParent span.hideChild {
  /*font-family: "Optima LT W05 Roman" !important;
  font-size: 2.5rem;
  text-transform: capitalize !important;*/
}
body.humbActive .humbReceive span.hideParent span.hideChild {
  transform: translateY(1.1em);
  transition-delay: 0s !important;
}
body.humbActive .humbReceive.recActive span.hideParent span.hideChild {
  transform: translateY(0em);
  transition-delay: 0s !important;
}

/*
humbReceive - BoxTitle
*/

body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(2) span.hideChild,
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(3) span.hideChild,
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(4) span.hideChild {
  font-size: 3rem;
  font-family: garamond-premier-pro-display, serif !important;
  font-weight: 600;
  text-transform: uppercase !important;
  letter-spacing: 0.25em;
  margin-top: 0.9rem;
}

/*
humbReceive - image
*/

body nav.l-humbCont__nav .humbReceive.project ul li figure {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: block
}

/*
humbReceive - about
*/

.sp_pc ul {
  margin-top: 3.7rem;
  margin-bottom: -0.5rem;
}
nav.l-humbCont__nav .sp_pc ul li {
  font-size: 1.3rem
}

/* sns */

.l-humbCont__sns {
  margin-top: 7.2rem;
}
.l-humbCont__sns ul li  {
  font-size: 2.1rem;
}
.l-humbCont__sns ul li + li {
  margin-left: 1.4rem;
}
.l-humbCont__sns ul li:nth-child(3) {
  margin-left: 1.1rem;
}

/* btn */

.l-humbCont__btn {
  width: 84%;
  margin: 12.2rem auto 0;
}
.l-humbCont__btn a {
  font-size: 1.55rem;
  padding-top: 4.3rem;
  padding-bottom: 4.2rem;
  letter-spacing: 0.2em;
}
.l-humbCont__btn + .l-humbCont__btn {
  margin-top: 0.5rem;
}

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

  ▼ Header

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

/* --------------------------- 
  ■ none
--------------------------- */

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

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

.l-header__title {
  margin-top: 3.8rem;
  left: 4.1rem;
  width: 9.5rem;
  height: 9.5rem;
}
.l-header__title:before {
 
}
.l-header__title img {
 
}

/*
black
*/


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

  ▼ Footer

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

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

footer.l-footer > .inner {
  width: 69%;
}

/* 
Active
*/

body.changeColor footer.l-footer > .inner {
  top: 18vh;
}

/* 
uBlack
*/

body.uBlack footer.l-footer {
  padding-bottom: 9rem;
}
body.uBlack footer.l-footer > .inner {
  top: initial;
}


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

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

.l-footer__title {
  font-size: 5.75rem;
  letter-spacing: 0.2em;
}
.l-footer__sub {
  font-size: 1.4rem;
  letter-spacing: 0.085em;
  margin-top: 2.5rem;
}

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

footer.l-footer .c-btn {
  margin-top: 5.3rem;
  width: 10.2rem;
  height: 10.2rem;
}
footer.l-footer .c-btn:before {
  height: 1.5rem;
  width: 1.3rem;
}
footer.l-footer .c-btn:after {
  height: 1.5rem;
  width: 1.3rem;
}

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

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

footer.l-footer .bottom {
  bottom: 10.6rem;
}
.l-footer__nav nav + nav {
  margin-left: 7.2rem;
}

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

.l-footer__copy {
  font-size: 1.2rem;
  opacity: 0.25;
}

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

/* 
common
*/

.l-footer__nav {
  margin-bottom: 7rem;
}

/* 
title
*/

.l-footer__navTitle {
  font-size: 2.75rem;
  letter-spacing: 0.05em;
}

/* 
list
*/

ul.l-footer__navList {
  margin-top: 2.6rem;
}
ul.l-footer__navList li + li {
  margin-top: 1.4rem;
}
ul.l-footer__navList li {
  font-size: 1.35rem;
  letter-spacing: 0.085em;
  opacity: 0.25;
}

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

.l-footer__sns {
  display: none;
  left: -0.4rem;
  bottom: -2rem;
}
.l-footer__sns ul li {
  font-size: 2.45rem;
}
.l-footer__sns ul li + li {
  margin-left: 1.3rem;
}
.l-footer__sns ul li + li:nth-child(3) {
  margin-left: 1.2rem;
}

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

.l-footer__toTop {
  right: -5.3rem;
  bottom: -1.5rem;
}
.l-footer__toTop:before {
  width: 1.4rem;
  height: 1.4rem;
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}
.l-footer__toTop:after {
  width: 1.4rem;
  height: 1.4rem;
  border-top: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}

/* 
uBlack
*/

body.uBlack .l-footer__toTop {
  right: 1.1rem;
  bottom: 1rem;
}


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


// ● Components  //


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

  ▼ Btn

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

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

.c-btn {
  border: 1px solid #e6e6e6;
  width: 10rem;
  height: 10rem;
}
.c-btn:before,
.c-btn:after {
  height: 1.35rem;
  width: 1.25rem;
}

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

  ▼ Link

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

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

.c-link {
  width: 105%;
  margin-left: -2.5%;
  margin-top: 5.1rem;
}
.c-link a {
  padding: 2.6rem 0;
}


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

  ▼ Heading

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

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

.c-heading .main {
  font-size: 2.9rem;
  letter-spacing: 0.05em;
}

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

.c-heading .sub {
  font-size: 1.5rem;
  margin-top: 1.8rem;
  letter-spacing: 0.095em;
  opacity: 0.4;
}
body.top section.l-underSect .c-heading .sub {

}

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

  ▼ Desc

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

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

.c-desc {
  font-size: 1.5rem;
  line-height: 2.75;
  letter-spacing: 0.075em;
  width: 100%;
}

/*
bespoke
*/

.l-bespokeDetail .c-desc {
  font-size: 1.4rem;
}
.l-bespokeDetail .c-desc.inview.fadeInUp {
  opacity: 0.8;
}


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


// ● Section  //


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

  ▼ NewsList

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

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

ul.l-sectionNewslist {
  margin-top: 9.3rem;
}

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

/* common */

li.l-sectionNewslist__cont > .inner {
  padding-top: 6.2rem;
  padding-bottom: 6.2rem;
}

/*
top
*/

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

/* date */

li.l-sectionNewslist__cont .date {
  font-size: 1.4rem;
  letter-spacing: 0.09em;
  width: 18%;
}
li.l-sectionNewslist__cont .date span + span {
  margin-top: 0.2rem;
}

/* title */

li.l-sectionNewslist__cont .title {
  font-size: 1.5rem
}

/* arrow */

li.l-sectionNewslist__cont .arrow {
  margin-top: -0.2rem;
  margin-right: 0.8rem;
}

/* figure */

li.l-sectionNewslist__cont figure {
  width: 12.3vw;
  height: 11.9vw;
}


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

  ▼ sectNav

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

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

section.l-sectNav {
  min-height: 110vw;
  background-attachment: initial;
  background-position: center center;
  overflow: hidden;
  position: relative;
  z-index: 1;
  clip-path: inset(0 0 0 0);
}
section.l-sectNav > .inner,
section.l-sectNav a > .inner {
  width: 72.5%;
  padding: 0rem 0rem 12.8rem;
}

/*
after
*/

section.l-sectNav:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-position: center center;
}


/*
bg
*/

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

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


section.l-sectNav.bespoke:after {
 background-image: url(../../../assets/img/photo/bespoke/sp_section.jpg);
}
section.l-sectNav.web:after {
 background-image: url(../../../assets/img/photo/bespoke/01_web/sp_main.jpg);
}
section.l-sectNav.graphic:after {
 background-image: url(../../../assets/img/photo/bespoke/02_graphic/sp_main.jpg);
}
section.l-sectNav.brand:after {
 background-image: url(../../../assets/img/photo/bespoke/03_brand/sp_main.jpg);
}
section.l-sectNav.writing:after {
 background-image: url(../../../assets/img/photo/bespoke/04_writing/sp_main.jpg);
}

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

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

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


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

/* common */

section.l-sectNav .left {
  margin-right: 0;
}

/* onlyR */

section.l-sectNav .onlyR {
  padding-top: 13vh;
}

/* num */

.l-sectNav__num {
  font-size: 2.25rem;
}
.l-sectNav__num:before {
  background-color: rgba(255,255,255,0.2);
}

/* title */

section.l-sectNav .title {
  font-size: 5.4rem;
  line-height: 1.25;
  letter-spacing: 0.21em;
  white-space: nowrap;
  margin-top: 1.8rem;
}

/*
bespoke
*/

.l-bespokeDetail.bespoke section.l-sectNav .title {
  font-size: 5.7rem;
}

/*
single
*/

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

/* sub */

section.l-sectNav .sub {
  font-size: 1.3rem;
  margin-top: 1.6rem;
  letter-spacing: 0.1em;
}
section.l-sectNav .sub:after {
  border-top: 1px solid rgba(255,255,255,0.2);
}

/* desc */

section.l-sectNav p.desc {
  width: 92%;
  margin-top: 3.9rem;
}

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

/* btn */

section.l-sectNav .c-btn {
  width: 10.1rem;
  height: 10.1rem;
  margin-bottom: -0.2rem;
  margin-right: -1.5rem;
}
.c-btn .circleBase,
.c-btn .circleArrow {
  display: none !important;
}

/*
white
*/

.c-btn.white {
  border: 1px solid rgba(195, 195, 195, 0.6);
}

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

/* common */

.l-sectExp__cont {
  margin-top: 12rem;
}



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

  ▼ sectAsym

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


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

section.l-sectAsym {
  height:initial;
}
section.l-sectAsym > .inner {
  flex-flow: column;
}

/* 
reserve
*/

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

/* 
adjust
*/

section.l-sectAsym__adjust {
  padding-bottom: initial;
}

/* 
detail
*/

section.l-bespokeDetail section.l-sectAsym {
  display: none
}


/* 
sp
*/

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

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

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

section.l-sectAsym .cont {
  width: 100%;
  order: 2;
  padding-bottom: 17rem;
  margin-bottom: 0;
  text-align: center;
}
section.l-sectAsym .cont > .inner {
  width: 72%;
  padding-left: initial;
}

/* 
reserve
*/

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

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

.l-sectAsym__num {
  font-size: 2.2rem;
  margin-top: 9.7rem;
  margin-bottom: 2.7rem;
  margin-left: initial;
}

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

section.l-sectAsym .title {
  font-size: 6.4rem;
  margin-top: 0.9rem;
}

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

section.l-sectAsym .sub.jpn {
  font-size: 1.3rem;
}
section.l-sectAsym .sub.fadeInUp:after {
  margin: 2.3rem auto 0;
}

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

section.l-sectAsym p.desc {
  font-size: 1.2rem;
  width: 38%;
  margin: 2.3rem auto 0;
}

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

section.l-sectAsym .c-btn {
  width: 9.5rem;
  height: 9.5rem;
  margin: 4.5rem auto 0;
}


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

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

section.l-sectAsym .image {
  width: 63%;
  height: 59vw;
  margin: 0 auto;
  order: 1;
}


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

  ▼ sectUnderMv

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

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

section.l-sectUnderNav ul {
  padding: 3.8rem 0 3.9rem;
}
section.l-sectUnderNav ul li {
  font-size: 1.4rem;
  letter-spacing: 0.275em;
  padding-right: 5.2rem;
  padding-left: 5.3rem;
}

.l-sectUnderMv__img:before {
  background-color: rgba(0,0,0,0.35);
}
body.mvBg3 .l-sectUnderMv__img:before {
  background-color: rgba(0,0,0,0.75);
}


/*
Single
*/

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

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

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

/*
Single
*/

body.single .l-sectUnderMv__img {
  width: calc(100% - 0rem);
  height: 100vh;
  top: 0;
}
body.single .l-sectUnderMv__img:before {
  background-color: rgba(0,0,0,0.6);
}
body.single.mvBg3 .l-sectUnderMv__img:before {
  background-color: rgba(0,0,0,0.8);
}

/*
sp
*/

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


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

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

.l-sectUnderMv__title {
  top: 48%;
}

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

.l-sectUnderMv__title .main {
  font-size: 6.1rem;
  letter-spacing: 0.6em;
  margin-left: 0.6rem;
}

/*
philosophy
*/

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

/*
magazine
*/

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

/*
project
*/

.l-sectUnderMv__title.project .main {
  font-size: 6.2rem;
}

/*
bespoke
*/

.l-sectUnderMv__title.bespoke .main {
  font-size: 10.1rem;
  letter-spacing: 0.06em;
}

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

.l-sectUnderMv__title .sub {
  font-size: 1.3rem;
  letter-spacing: 0.82em;
  margin-top: 2.9rem;
  opacity: 0.6;
}

/*
single
*/

body.single .l-sectUnderMv__title .sub {
  font-size: 1.8rem;
  letter-spacing: 0.2em;
  margin-top: 1.7rem;
  opacity: 0.45;
}


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

  ▼ sectAbout

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

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

section.l-sectAbout > .inner {
  flex-flow: column;
  padding: 16.4rem 0 15rem;
}
section.l-sectAbout .right {
  margin-left: -2.5rem;
}
section.l-sectAbout .left {
  width: 86%;
}
section.l-sectAbout .right {
  margin-left: initial;
  width: 92%;
}

/*
magazine
*/

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

/*
bespoke
*/

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

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

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

section.l-sectAbout .image {
  width: 66%;
  height: 56.5vw;
  padding-left: initial;
}

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

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

section.l-sectAbout .cont {
  width: 75%;
}
section.l-sectAbout .cont > .inner {
  /*margin-left: -1.1rem;*/
}

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

section.l-sectAbout .title {
  font-size: 4.1rem;
  letter-spacing: 0.525em;
  margin-top: 13.2rem;
}

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

section.l-sectAbout .sub {
  font-size: 1.13rem;
  margin-top: 2.2rem;
}

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

section.l-sectAbout .desc {
  font-size: 1.4rem;
  line-height: 2.65;
  width: 100%;
  margin-top: 3.9rem;
}

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

section.l-sectAbout .c-btn {
  margin-top: 4.4rem;
  margin-left: -0.6rem;
}

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

  ▼ sectCase

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

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

section.l-sectCase {
  padding-bottom: 14rem;
}
section.l-sectCase > .inner {
  width: 82%;
  margin:0 auto;
}

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

.l-sectTitle {
  padding-top: 12rem;
  padding-bottom: 9.5rem;
}

.l-sectCaseList__title > .inner.active2,
.l-sectCaseList__title > .inner.active {
  
}


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

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

.l-sectCaseList__title > .inner {
  padding: 4.4rem 3rem;
}

/* num */

.l-sectCaseList__title .num {
  font-size: 1.6rem;
}

/* title */

.l-sectCaseList__title .title {
  font-size: 2.05rem;
}
.l-sectCaseList__title .title:before {
  top: 56%;
}

/* desc */

.l-sectCaseList__title .desc {
  font-size: 1.1rem;
}

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

.l-sectCaseList__cont > .inner {
  width: 99%;
  margin: 5.9rem auto 6rem;
}
.l-sectCaseList__cont .left {
  width: 20%;
}
.l-sectCaseList__cont .right {
  width: 68%;
  margin-left: 6%;
}

/* image */

.l-sectCaseList__cont .image {
  margin:0 auto;
}

/* cont */

.l-sectCaseList__cont .cont {
  margin: 0.5rem auto 0rem;
}

/* title */

.l-sectCaseList__cont .title {
  font-size: 3.6rem;
  text-align: center;
}

/* sub */

.l-sectCaseList__cont .sub {
  text-align: center;
  font-size: 1.2rem;
  opacity: 0.2;
  margin-top: 1.7rem;
}

/* desc */

.l-sectCaseList__cont .desc {
  font-size: 1.2rem;
  letter-spacing: 0.075em;
  line-height: 2.7;
}

/* btn */

.l-sectCaseList__cont .c-btn {
  margin: 5rem auto 0;
}

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

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

.l-sectCase__show {
  font-size: 1.55rem;
  margin-top: 10.4rem;
  letter-spacing: 0.65em;
}

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

  ▼ sectRand

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

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

section.l-sectRand {
  background: #ebebeb;
}
.l-sectRand__title {
  font-size: 3.55rem;
  letter-spacing: 0.425em;
}

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

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

.l-sectRand__list {
  width: 76%;
  padding: 11rem 0 0;
}
.l-sectRand__cont {
  width: 30vw;
}
.l-sectRand__cont:nth-child(3) {
  margin-left: 2vw;
}
.l-sectRand__cont:nth-child(4) {
  margin-left: auto;
}
.l-sectRand__cont + .l-sectRand__cont {
  margin-top: 12rem;
}


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

.l-sectRand__cont .thumb {
  height: 41.5vw;
  border: 2px solid #ffffff;
}
.l-sectRand__cont .thumb figure {
  opacity: 0.9;
}
.l-sectRand__cont .thumb figure img {
  filter: grayscale(0);
}

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

.l-sectRand__cont .cont {
  margin: 4.5rem auto 0;
  width: 94%;
}

/* subTitle */

.l-sectRand__cont .subTitle {
  opacity: 0.6;
}

/* engTitle */

.l-sectRand__cont .engTitle {
  font-size: 2.3rem;
  line-height: 1.75;
  margin-top: 0.6rem;
}

/* jpnTitle */

.l-sectRand__cont .jpnTitle {
  font-size: 0.9rem;
  letter-spacing: 0.13em;
  margin-top: 0.2rem;
  transform: scale(1);
  opacity: 0.6;
}

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

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

.l-sectRand__wrap > .inner {
  flex-flow: column;
  overflow-y: scroll;
}
.l-sectRand__wrap .left {
  width: 100%;
  height: 58vw;
}
.l-sectRand__wrap .right {
  width: 100%;
  margin-top: 9.8rem;
}

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

.l-sectRand__close span {
  background-color: #fff;
}

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

.l-sectRandwrap__cont {
  width: 73%;
  margin: auto auto 8.6rem;
}
.l-sectRandwrap__cont .wrapRight {
  margin-right: -3.2rem;
  margin-bottom: -0.8rem;
}


/* title */

/* 
engTitle 
*/

.l-sectRandwrap__engTitle {
  margin-top: 2.3rem;
  font-size: 3.6rem;
}

/* 
jpnTitle 
*/

.l-sectRandwrap__jpnTitle {
  margin-top: 3.9rem;
  padding: 2.9rem 0.8rem 3rem;
}


/* desc */

.l-sectRandwrap__desc {
  font-size: 1.3rem;
  line-height: 2.55;
  margin-top: 5.6rem;
}


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

.l-sectRand__wrap .l-bespokeDetail__closePage {
  display: flex;
  padding: 5rem 0;
  margin-top: 9rem;
}


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

  ▼ sectStory

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

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

section.l-sectStory.l-sectCase > .inner {
  width: 90.5%;
}

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

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

.l-sectStoryList__cont {
  width: 50%;
}
.l-sectStoryList__cont:nth-child(n+3) {
  margin-top: 12rem;
}

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

.l-sectStoryList__cont > .image {
  height: 31vw;
  width: 66%;
}

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

/* box */

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

/* type */

.l-sectStoryList__cont .type {
  font-size: 1.1rem;
  letter-spacing: 0.4em;
}

/* eng */

.l-sectStoryList__cont .eng {
  font-size: 2.45rem;
  letter-spacing: 0.15em;
  margin-top: 2.6rem;
}

/* jpn */

.l-sectStoryList__cont .jpn {
  letter-spacing: 0.2em;
  margin-top: 1.9rem;
}


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

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

.l-sectStoryList__page {
  overflow-y: scroll;
}
.l-sectStoryList__page .top {
  display: none;
}

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

.l-sectStory__close {
  right: 2.6rem;
}

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

/* common */

.l-sectStoryList__page .bottom {
  height: initial;
  align-items: initial;
}
.l-sectStoryList__page .bottom > .inner {
  flex-flow: column;
  width: 89%;
  padding-bottom: 19rem;
}
.l-sectStoryList__page .bottom .left {
  width: 92%;
  margin: 17.8rem auto 16rem;
}
.l-sectStoryList__page .bottom .middle {
  width: 100%;
  margin-top: 0.2rem;
}
.l-sectStoryList__page .bottom .right {
  width: 100%;
  display: initial;
  margin-top: 4rem;
  margin-bottom: 17rem;
}

/* pageType */

.l-sectStoryList__page .pageType {
  font-size: 1.35rem;
  letter-spacing: 0.4em;
}

/* pageEng */

.l-sectStoryList__page .pageEng {
  font-size: 4.3rem;
  margin-top: 4rem;
}

/* pageJpn */

.l-sectStoryList__page .pageJpn {
  font-size: 1.1rem;
  margin-top: 3.5rem;
  padding: 2.3rem 1.1rem 2.6rem;
}

/* pagImage */

.l-sectStoryList__page .pageImage {
  display: block;
  margin-top: 12.3rem;
  height: 70vw;
}
.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.55rem;
  margin: 7.2rem auto 0;
  width: 72%;
}

/* Btn */

.l-sectStoryList__page .c-btn {
  margin-left: 1.8rem;
}


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

  ▼ sectPhilo

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

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

section.l-sectPhilo {
  background-color: #ededed;
}
section.l-sectPhilo ul {
  display: flex;
  flex-flow: column;
}

/*
two & three
*/

section.l-sectPhilo.two > .inner,
section.l-sectPhilo.three > .inner {
  width: 100%;
  padding-bottom: 0rem;
}

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

/* --- common --- */

section.l-articleMovie {
  padding-bottom: 17rem;
}

/* --- mov --- */

.l-articleMov {
  width: 78%;
  height: 54vw;
}

/* --- video --- */

section.l-articleVideo video {
  height: initial;
  width: 89%;
}

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

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

.l-sectPhilo__list,
section.l-sectPhilo.two .l-sectPhilo__list {
  width: 100%;
  position: sticky;
  top: -8vw;
  padding: initial;
  padding-bottom: 21rem;
}
.l-sectPhilo__list + .l-sectPhilo__list {
  padding-top: 19rem;
  border-left: initial;
}
.l-sectPhilo__list:nth-child(2) {
  background: #e2e2e2;
}
.l-sectPhilo__list:nth-child(3) {
  background-color: #ededed;
}


/* two */

section.l-sectPhilo.two .l-sectPhilo__list + .l-sectPhilo__list {
  border-left: initial;
  border-top: initial;
  padding-top: initial;
}


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

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

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

.l-sectPhilo__list .cont {
  margin-top: 7.1rem;
}

/* num */

.l-sectPhilo__list .num {
  font-size: 2.1rem;
}

/* title */

.l-sectPhilo__list .title,
section.l-sectPhilo.two .l-sectPhilo__list .title {
  font-size: 3.9rem;
  margin-top: 3.5rem;
}


/* jpn */

.l-sectPhilo__list .jpn {
  font-size: 1.1rem;
  margin-top: 3.6rem;
  padding: 2.2rem 1.3rem 2.5rem;
}

/* readmore */

.l-sectPhilo__list .readmore {
  font-size: 1.3rem;
  margin-top: 7.2rem;
}



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

  ▼ sectHead

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

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

.l-secthead .title .main {
  font-size: 8rem;
}



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

  ▼ sectUnderHead

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

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

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

section.l-sectUnderHead {
  padding-top: 23rem;
  padding-bottom: 18.7rem;
}

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

section.l-sectUnderHead .title {
  font-size: 6.15rem;
  letter-spacing: 0.25em;
}

/*
policy
*/

section.l-sectUnderHead.policy .title {
  font-size: 5.35rem;
}

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

section.l-sectUnderHead .sub {
  font-size: 1.2rem;
  letter-spacing: 0.675em;
}


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

  ▼ sectDesign

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

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

section.l-sectDesign > .inner {
  display: none
}

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

  ▼ sectSlider

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

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

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

section.l-sectSlider {
  padding-bottom: 14rem;
}
article.l-singleArticle + section.l-sectSlider {
  padding-top: 18.5rem;
}
section.l-sectAsym__adjust + section.l-sectSlider {
  padding-top: 0rem;
}

.l-sectSlider__cont {
  margin-left: 5.8%;
  margin-top: 7.7rem;
}
.l-sectSlider__cont .left {
  width: 2%;
}
.l-sectSlider__cont .right {
  width: 98%;
}


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

/* common */

.l-sectSlider__list .slick-slide {

}
.l-sectSlider__list li {
  
}
.l-sectSlider__list .slick-slide + .slick-slide {
  margin-left: 1.8rem;
}

/* cont */

.l-sectSlider__list li .cont {
  margin-bottom: 3.1rem;
  margin-left: 7.2rem;
  width: 34vw;
}

/* num */

body.pace-done .l-sectSlider__list li .num.inview {
  margin-bottom: 3.9rem;
}

/* figure */

.l-sectSlider__list li .image {
  width: 43.6vw;
  height: 56.2vw;
}
.l-sectSlider__list li figure {
  height: 66vw;
}

/* title */

.l-sectSlider__list li .title {
  font-size: 5.6rem;
  line-height: 1.1;
  letter-spacing: 0.045em;
}
.l-sectSlider__list li .title span.subTitle {
  font-size: 1.1rem;
  margin-top: 1.6rem;
}

/* btn */

.l-sectSlider__list li .c-btn {
  margin-top: 4.1rem;
  width: 8rem;
  height: 8rem;
}
body.pace-done .l-sectSlider__list li .c-btn.inview {
  margin-top: 4.1rem;
}


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

  ▼ sectGallery

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

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

.l-sectGallery__title {
  padding-top: 13rem;
  padding-bottom: 11.5rem;
}
section.l-sectGallery > .inner {
  padding-left: 5rem;
  padding-bottom: 18rem;
}



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

  ▼ underNav

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

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

.l-underNav {
  padding: 3.8rem 0 3.1rem;
  bottom: -8.7rem;
}

/*
responsive
*/

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

/*
scroll
*/

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

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

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

.l-underNav__bread span {
  font-size: 1.5rem;
  letter-spacing: 0.065em;
}
.l-underNav__bread > span + span {
  margin-left: 1rem;
  padding-left: 2rem;
}


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

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

.l-underNav__bread {
  top: 48.8%;
  left: 5.6rem;
}

/*
besoke
*/

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


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

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

.l-underNav__list {
  display: flex;
}
.l-underNav ul {
  justify-content: right;
  margin-left: auto;
  margin-right: 4.7rem;
}

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

.l-underNav ul li {
  font-size: 1.1rem;
  letter-spacing: 0.3em;
  margin-top: 0.1rem;
}
.l-underNav ul li:after {
  height: 1.6rem;
  width: 1.6rem;
  top: 37%;
  right: 0.1rem;
}
.l-underNav ul li a {
  padding-right: 3.3rem;
}
.l-underNav ul li + li {
  margin-left: 2.5rem;
}


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

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

.l-underNav__scroll {
  height: 2rem;
  width: 2rem;
  font-size: 0;
  letter-spacing: 0.1em;
  right: 4.1rem;
  bottom: 4.8rem;
}
body.three .l-underNav__scroll {
  opacity: 0.7;
}


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

  ▼ underSect

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

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

section.l-underSect {
  margin-top: initial;
  padding-top: 13.7rem;
  padding-bottom: 18rem;
}
section.l-underSect > .inner {
  width: 70.2%;
}

/* 
Under
*/

body.under section.l-underSect.fAc {
  padding-top: 9rem;
  padding-bottom: 26.5rem;
}

/* 
Single
*/

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

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

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

.l-underSect__cont {
  flex-flow: column;
}
.l-underSect__cont .left {
  width: 100%;
}
.l-underSect__cont .right {
  width: 100%;
  margin-top: initial;
}

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

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

/*
signle
*/

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


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

/* common */

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

/* btn */

/*
common
*/

.l-underSect__btn {
  margin-top: 8.7rem;
  width: 104%;
  margin-left: -2%;
}
.l-underSect__btn a {
  padding: 4.4rem 0 5rem;
}



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


// ● Page  //


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

  ▼ Index

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

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

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

/* slide */

/*
sp
*/

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

ul.l-sectionMv__slider .slick-slide figure:nth-child(1) {
  width: 100%;
}
ul.l-sectionMv__slider .slick-slide figure:nth-child(2) {
  display: none;
}

/* dots */

ul.l-sectionMv__slider .slick-dots {
  left: 7.2rem;
  bottom: 5.4rem;
}
ul.l-sectionMv__slider .slick-dots button {
  width: 11rem;
}

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

/* common */

.l-sectionMv__title {
  top: 48.9%;
}
.l-sectionMv__title .main img {
  width: 22.2rem;
}

/* copy */

.l-sectionMv__title .copy {
  font-size: 1.9rem;
  margin-top: 4.6rem;
  letter-spacing: 1.175em;
}
.l-sectionMv__title .copy .hideChild span {
  margin-left: 0.8rem;
  margin-right: 2rem;
  letter-spacing: 0.5em;
}

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

/* common */

.l-sectionMv__info {
  bottom: 5.6rem;
  right: 5.6rem;
}

/* title */

.l-sectionMv__info .title {
  font-size: 1.05rem;
  letter-spacing: 0.24em;
  padding: 0.3rem 0.4rem 0.3rem 0.7rem;
  margin-right: 2.8rem;
}

/* cont */

.l-sectionMv__info .cont {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  margin-top: 0.4rem;
}


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

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

section.l-sectionNav {
  padding-left: 7.9vw;
  margin-top: -6vw;
}

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

/* visual */

.l-sectionNav__cont .image {
  height: 34.2vw;
  margin: 0.8rem auto 0;
}

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


/* cont */

.l-sectionNav__cont .cont {
  width: 71.8%;
  margin: 4.8rem auto 4.9rem;
}
.l-sectionNav__cont .title {
  font-size: 2.6rem;
  letter-spacing: 0.2em;
}
.l-sectionNav__cont .sub {
  font-size: 1rem;
  margin-top: 1.55rem;
  opacity: 0.2;
  letter-spacing: 0.225em;
}

/* btn */

.l-sectionNav__cont .c-btn {
  bottom: 5rem;
  width: 5.6rem;
  height: 5.6rem;
  right: 3rem;
}


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

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

section.l-sectionLat {
  padding-top: 12rem;
  padding-bottom: 11rem;
}
section.l-sectionLat > .inner {
  width: 75%;
}

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

.l-sectionLat__title {
  font-size: 6.3rem;
}

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

/* common */

ul.l-sectionLat__menu {
  top: 1rem;
}
ul.l-sectionLat__menu li {
  font-size: 1.55rem;
}
ul.l-sectionLat__menu li + li {
  padding-left: 2rem;
  margin-left: 1.9rem;
}

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

/* btn */

.l-sectionLat__btn {
  font-size: 2.1rem;
  letter-spacing: 0.165em;
  margin-top: 7.7rem;
  margin-right: 0rem;
}



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

  ▼ Bespoke

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

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

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

/*
active
*/

section.l-bespokeDetail.active {
  width: 99%;
}

/*
sp
*/

section.l-bespokeDetail .l-sectNav {
  display: flex;
  opacity: 0;
  transition: all ease 1.35s;
}

/*
only
*/

section.l-bespokeDetail.only .l-sectNav {
  opacity: 1;
}

/*
gtw
*/

section.l-bespokeDetail.bespoke .l-bespokeDetail__cont {
  padding-bottom: 0.5rem
}
section.l-bespokeDetail.bespoke .l-sectNav {
  opacity: 1;
  background-color: #fff
}

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

.l-bespokeDetail__close {
  top: 2.5rem;
  right: 2.6rem;
}

/* ------ head ------- */

/* common */

.l-bespokeDetail__head {
  margin-top: initial;
  padding-top: 20.7rem;
  padding-bottom: 18.1rem;
  height: initial;
}
.l-bespokeDetail__head > .inner {
  width: 93.7%;
  margin: 0 auto;
}
.l-bespokeDetail__head .cont {
  margin: 0rem auto 0;
  width: 77.5%;
}

/* num */

.l-bespokeDetail__num {
  font-size: 2.2rem;
  margin: 0 auto 4.1rem;
  width: 75.8%;
}

/* title */

.l-bespokeDetail__title {
  font-size: 5rem;
}

/*
bespoke
*/

.l-bespokeDetail.bespoke .l-bespokeDetail__title {
  font-size: 4.8rem;
}

/*
big
*/

.l-bespokeDetail__title.big {
  font-size: 5.8rem;
}

/*
Aesthetics
*/

.l-bespokeDetail__title.aes {
  font-size: 8.45rem;
}

/*
Another
*/

.l-bespokeDetail__title.an {
  font-size: 6.4rem;
}

/* sub */

.l-bespokeDetail__sub {
  margin-top: 3.3rem;
  padding: 2.4rem 1.4rem 2.5rem;
}

/* desc */

.l-bespokeDetail__desc {
  margin: 3.5rem auto 0;
}


/* ------ mv ------ */

.l-bespokeDetail__mv {
  width: 77%;
  height: calc(100vh - 1.2rem);
  transition: 0.9s all ease;
}
.l-bespokeDetail__mv figure {
  height: 100%;
  min-height: 100%;
}

/*
resonsive
*/

.l-bespokeDetail__mv img.pc {
  display: none;
}
.l-bespokeDetail__mv img.sp {
  display: block;
}


/* ------ intro ------ */

/* common */

.l-bespokeDetail__intro {
  display: flex;
  flex-flow: column;
  width: 67.8%;
  margin: -79vh auto 0;
  padding-bottom: 21rem;
}

/* left */

.l-bespokeDetail__intro .left {
   width: 100%;
}
.l-bespokeDetail__intro .left > .inner {
  padding-bottom: 6rem;
}

/* right */

.l-bespokeDetail__intro .right {
  width: 100%;
}


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

/* common */

.l-bespokeDetail__cont {
  width: 100%;
  margin: 0rem auto 0rem;
}

/* TabMenu */

/*
Common
*/

.l-bespokeDetail__cont .intro + .l-tabCont {
  margin-top: 5.5rem;
}
.l-tabCont {
  width: 100%;
  margin-left: 0%;
  border-top: 1px dotted #ededed;
}

/*
Menu
*/

.l-tabMenu {
  padding: 3.6rem 0 3.7rem;
  width: 138.2%;
  margin-left: -19.1%;
}

.l-tabMenu ul {
  width: 90.5%;
}
.l-tabMenu li {
  font-size: 1.2rem;
}
.l-tabMenu li + li {
  margin-left: 2.5rem;
}
.l-tabMenu li > span {
  padding-right: 1.8rem;
}
.l-tabMenu li > span:before {
  height: 1.15rem;
  width: 1.15rem;
  top: 53%;
  opacity: 0.7;
}


/* list */

/*
common
*/

.l-bespokeDetail__cont dl {
  flex-flow: column;
  padding: 12.8rem 0;
}
.l-bespokeDetail__cont dl.order {
  margin-left: -19.5%;
  width: 140%;
  padding-top: 11.6rem;
  padding-bottom: 12.5rem;
}
.l-bespokeDetail__cont dl.order > .inner {
  display: flex;
  flex-flow: column;
  width: 70.8%;
  margin: 0 auto;
}
.l-bespokeDetail__cont #workflow dl.last,
.l-bespokeDetail__cont dl.last {
  padding-bottom: 14rem;
}

.l-bespokeDetail__cont dt {
  width: 100%;
}
.l-bespokeDetail__cont dd {
  width: 100%;
}
.l-bespokeDetail__cont #workflow .listW dd {
  margin-top: 3.3rem;
  padding-left: 4.6rem;
  margin-left: 1.3rem;
  position: relative;
  width: calc(100% - 5.9rem);
}
.l-bespokeDetail__cont #workflow .listW dd:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 1px;
  height: calc(100% - 0.8rem);
  border-left: 1px dotted #dfdfdf;
}

.l-bespokeDetail__cont dl:last-child {
  
}

/*
title
*/

.l-bespokeDetail__cont dt {
  font-size: 2.65rem;
}
.l-bespokeDetail__cont dt span {
  font-size: 1.3rem;
  letter-spacing: 0.065em;
  margin-top: 0.8rem;
  margin-left: 0.2rem;
}
.l-bespokeDetail__cont dl.order dt,
.l-bespokeDetail__cont #workflow .listW dl.order dt {
  font-size: 3.8rem;
  letter-spacing: 0.165em;
}

.l-bespokeDetail__cont #workflow .listW dt {
  font-size: 2.35rem;
}

.l-bespokeDetail__cont dl.order dt span {
  font-size: 1.15rem;
  margin-top: 0.8rem;
}

.l-bespokeDetail__cont #workflow .listW dt .num {
  font-size: 2.05rem;
  margin-top: 0.6rem;
  margin-right: 2.8rem;
}

.l-bespokeDetail__cont dt > .inner {
  margin-bottom: 5.3rem;
}
.l-bespokeDetail__cont dt > .inner br {
  display: none
}

/*
desc
*/

.l-bespokeDetail__cont dd .desc {
  font-size: 1.3rem;
  line-height: 2.6;
}
.l-bespokeDetail__cont dd figure + .desc {
  margin-top: 4.2rem;
}
.l-bespokeDetail__cont dd .desc span {
  font-size: 1.05rem;
  line-height: 2.35;
  margin-top: 1.6rem;
  opacity: 0.4;
}

/*
btn
*/

.l-bespokeDetail__cont dd .btn {
  font-size: 1.25rem;
  margin-top: 6.9rem;
  border: 1px solid #eeeeee;
}
.l-bespokeDetail__cont dd .btn .link {
  padding-top: 4.5rem;
  padding-bottom: 4.4rem;
}

.l-bespokeDetail__cont dd .btn + .btn {
  margin-top: 0.5rem;
}

/*
image
*/

.l-bespokeDetail__cont figure {
  margin-top: 2.5rem;
}
.l-bespokeDetail__cont dd figure  {
  height: 52vw;
}

/* ------ Click Close ------ */

/* common */

.l-bespokeDetail__closePage {
  font-size: 1.9rem;
  letter-spacing: 0.12em;
  height: 15.9vw;
}
.l-bespokeDetail__closePage span.inview {
  padding-right: 1.7rem;
}
.l-bespokeDetail__closePage span.inview:before {
  top: 11%;
}


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

  ▼ Single

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

/* --------------------------- 
  ■ Adjust
--------------------------- */

section.l-singleAdjust {
  padding-bottom: 19rem;
}


/* --------------------------- 
  ■ Introduction
--------------------------- */

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

.l-singleIntro__info dl + dl {
  margin-left: 8.7rem;
}


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

/* Copy */

.l-singleIntro__copy {
  position: initial;
  top: initial;
  margin-bottom: 5.6rem;
}
.l-singleIntro__copy .main {
  font-size: 3rem;
}

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

/* Desc */


/* Btn */

.l-singleIntro__url {
  font-size: 2.1rem;
  letter-spacing: 0.2em;
  margin-top: 8.3rem;
}
.l-singleIntro__url a {
  padding-top: 4.1rem;
  padding-bottom: 4rem;
}


/* --------------------------- 
  ■ Article
--------------------------- */

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

article.l-singleArticle {
  margin-top: 1rem;
  padding-bottom: 13rem;
}

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

.l-singleArticle figure {
  width: 87.5%;
  height: 59vw;
}
.l-singleArticle figure + figure {
  margin-top: 2rem;
}

/* --------------------------- 
  ■ Credit
--------------------------- */

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

section.l-sectCredit {
  padding-top: 12.5rem;
  padding-bottom: 17rem;
}

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

/* common */

ul.l-sectCredit__list li {
  width: 100%;
}
ul.l-sectCredit__list li:nth-child(n + 2) {
  margin-top: 3.5rem;
}



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

  ▼ News

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

/* --------------------------- 
  ■ sectNews
--------------------------- */

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

section.l-sectNews {
  padding-bottom: 11rem;
}
section.l-sectNews > .inner {
  width: 84.7%;
  margin: 0 auto;
}

/*
margin
*/

article.l-newsSingle + section.l-sectNews {
  padding-top: initial;
}


/* --------------------------- 
  ■ pagenation
--------------------------- */

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

.c-pagenation {
  margin-top: 9rem;
}


/* --------------------------- 
  ■ single
--------------------------- */

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

article.l-newsSingle {
  padding-bottom: 16rem;
}

/* ------ head ------ */

/* common */

.l-newsSingle__head {
  padding-top: 23.3rem;
  padding-bottom: 22.4rem;
}

/* title */

.l-newsSingle__head .title {
  font-size: 2.65rem;
}

/* date */

.l-newsSingle__head .date {
  font-size: 1.75rem;
  margin-top: 1.4rem;
}

/* ------ inner ------ */

.l-newsSingle__inner {
  display: block;
  width: 100%;
}

/* ------ mv ------ */

.l-newsSingle__mv {
  margin: 0 auto;
  width: 96.5%;
  height: 88vw;
  position: relative;
  top: initial;
}
.l-newsSingle__mv figure {
  overflow: hidden;
}
.l-newsSingle__mv figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
  transform: scale(1.1);
  transition: all cubic-bezier(.275,0,0,1) 1.5s;
}
body.pace-done .l-newsSingle__mv figure img {
  transform: scale(1);
}

/* 
scroll
*/

body.mvBg .l-newsSingle__mv {
  
}
body.mvBg .l-newsSingle__mv figure {
  filter: grayscale(0);
  transform: scale(1.05);
}


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

.l-newsSingle__cont {
  padding-top: 8.5rem;
  margin-top: initial;
  padding-bottom: initial;
  width: initial;
}
.l-newsSingle__cont p {
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.5rem;
  line-height: 2.4;
  letter-spacing: 0.05em;
  width: 72.5%;
  padding-left: initial;
  padding-right: initial;
}
.l-newsSingle__cont p + p {
  padding-top: 4.1rem;
}

/* 
inner
*/

.l-newsSingle__contInner {
  top: initial;
  position: initial;
}


/* ------ prevNext ------ */

/* common */

.l-prevNext {
  width: 88.6%;
  margin: 14rem auto 0;
  padding: 0;
}
.l-prevNext > .inner {
  width: 54.6%;
  padding: 6.8rem 0;
}

/* arrow */

.l-prevNext .arrow a:before,
.l-prevNext .arrow a:after {
  height: 1.1rem;
  width: 1rem;
}

/* index */

.l-prevNext .index {
  font-size: 1.45rem;
}


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

  ▼ Company

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

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

section.l-sectCompany {
  margin-top: 0rem;
  padding-bottom: 13rem;
}
section.l-sectCompany > .inner {
  width: 81%;
  flex-flow: column;
  border-top: 0px;
  padding-top: 0;
  padding-bottom: 4rem;
}
section.l-sectCompany .left,
section.l-sectCompany .right {
  width: 100%;
}
section.l-sectCompany dl {
  font-size: 1.45rem;
}
section.l-sectCompany dl + dl {
  margin-top: 1.6rem;
}

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

section.l-sectCompany .left {
}
section.l-sectCompany .left > .inner {
  margin: 0 auto 0;
  width: initial;
}

/* ------ dt ------ */

section.l-sectCompany dt {
  font-size: 1.2rem;
  width: 18.5%;
}

/* ------ dd ------ */

section.l-sectCompany dd {
  width:82%;
  line-height: 2.3;
  padding-right: 0.6rem;
}

/*
service
*/

section.l-sectCompany dl#service dd {
  font-size: 1.35rem;
  line-height: 2.55;
}
/* ------ profile ------ */

section.l-sectCompany dl#profile {
  margin-top: 11rem;
  padding-top: 9rem;
  padding-bottom: 0rem;
  border-top: 1px dotted #e8e8e8;
}
section.l-sectCompany dl#profile .desc  {
  max-width: 100%;
}
section.l-sectCompany dl#profile .sub {
  font-size: 1.2rem;
  margin-top: -0.1rem;
}
section.l-sectCompany dl#profile .name {
  font-size: 2.45rem;
  margin-top: -0.3rem;
}
section.l-sectCompany dl#profile .desc {
  font-size: 1.2rem;
  margin-top: 1.2rem;
  line-height: 2.5;
}

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

section.l-sectCompany .right figure {
  height: 89vw;
}
section.l-sectCompany .right figure img {
}

/* 
><><><><><><><><><><><><><><><><><><><>
  
  ▼ Join

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

/* --------------------------- 
  ■ sectJoin
--------------------------- */

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

section.l-sectJoin {
  padding-bottom: 5rem;
}
section.l-sectJoin > .inner {
  width: 78.5%;
}

/* ------ head ------ */

/* common */

.l-sectJoin__head > .inner {
  flex-flow: column;
  padding-top: 9.4rem;
  padding-bottom: 10.5rem;
}

/* left */

.l-sectJoin__head .left {
  width: 100%;
}
.l-sectJoin__head .left .title {
  font-size: 2.4rem;
}
.l-sectJoin__head .left .sub {
  font-size: 1.2rem;
  margin-top: 1.4rem;
}

/* right */

.l-sectJoin__head .right {
  width: 100%;
  margin-top: 4.2rem;
}
.l-sectJoin__head .right .desc {
  font-size: 1.3rem;
  line-height: 2.55;
}
.l-sectJoin__head .right .desc span {
  font-size: 88%;
  margin-top: 1.7em;
}

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

/* common */

.l-sectJoin__cont {
  padding-top: 9.1rem;
}
.l-sectJoin__cont dl + dl {
  margin-top: 5.4rem;
}

/* dt */

.l-sectJoin__cont dt {
  font-size: 1.55rem;
  letter-spacing: 0.035em;
}

/* dd */

.l-sectJoin__cont dd {
  padding-top: 1.2rem;
  padding-bottom: 9rem;
}
.l-sectJoin__cont dd:before {
  padding-top: 4.6rem;
}
.l-sectJoin__cont dd > .inner {
  flex-flow: column;
}

/*
left
*/

.l-sectJoin__cont dd .left {
  width: 100%;
}
.l-sectJoin__title .main {
  font-size: 2.05rem;
}
.l-sectJoin__title .sub {
  font-size: 1.2rem;
  margin-top: 1.2rem; 
  margin-left: 0.2rem;
}

/*
right
*/

.l-sectJoin__cont dd .right {
  width: 100%;
  margin-top: 3.6rem;
}
.l-sectJoin__intro {
  font-size: 1.3rem;
  line-height: 2.45;
}
.l-sectJoin__apply {
  margin-top: 4.8rem;
  border: 1px dotted #e3e3e3;
  font-family: 'Zen Old Mincho', serif;
  padding: 5.7rem 5.2rem 5.8rem;
}
.l-sectJoin__apply .title {
  font-size: 1.65rem;
}
.l-sectJoin__apply .list {
  font-size: 1.25rem;
  margin-top: 2.1rem;
  line-height: 2.45;
}

.l-sectJoin__btn {
  margin-top: 4.4rem;
}
.l-sectJoin__btn a {
  font-size: 1.2rem;
  line-height: 6.9;
}


/* 
><><><><><><><><><><><><><><><><><><><>
  
  ▼ Contact

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

/* --------------------------- 
  ■ sectContact
--------------------------- */

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

section.l-sectContact {
  margin-top: -1.2rem;
  padding-bottom: 12rem;
}
section.l-sectContact > .inner {
  flex-flow: column;
  border-top: initial;
  padding-top: initial;
  padding-bottom: initial;
  border-bottom: initial;
}
section.l-sectContact .left {
  width: 100%;
  padding-top: 7.5rem;
}
section.l-sectContact .right {
  width: 100%;
  margin-left: initial;
  margin-top: 6.8rem;
}

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

/* desc */

.l-sectContact__desc {
  font-family: 'Zen Old Mincho', serif;
  line-height: 2.25;
  width: 100%;
}
.l-sectContact__desc a.mail {
  font-size: 1.7rem;
  margin-top: 1.2rem;
}
.l-sectContact__desc a.mail span {
  font-size: 1.7rem;
}

/* ------ form ------ */

/* common */

.mw_wp_form {
  border-top: 1px solid #eee;
  padding-top: 7.5rem;
}
.mw_wp_form p + p {
  margin-top: 3.3rem;
}
.mw_wp_form p:nth-child(10) {
  margin-top: 3rem;
}
.mw_wp_form p:nth-child(11) {
  margin-top: 3.9rem;
}

/* title */

.formTitle {
  font-family: 'Zen Old Mincho', serif;
  margin-bottom: -0.2rem;
}

/* select */

.mw_wp_form select {
  font-family: 'Zen Old Mincho', serif;
  height: 8.5rem;
  padding: 0 2.6rem;
}
.formSelect::after {
  top: 37.9%;
  right: 2.9rem;
}

/* input */

.mw_wp_form input {
  font-family: 'Zen Old Mincho', serif;
  line-height: 7;
  width: calc(100% - 2.6rem*2);
  padding: 0 2.6rem;
}

/* textarea */

.mw_wp_form textarea {
  min-height: 32.5em;
  font-family: 'Zen Old Mincho', serif;
  width: calc(100% - 2.6rem*2);
  padding: 3.6rem 2.6rem;
}

/* checkBox */

.mwform-checkbox-field {
  font-family: 'Zen Old Mincho', serif;
  margin-top: 0.2rem;
  display: block;
}
.mwform-checkbox-field-text {
  font-size: 1.55rem;
}

/* btn */

.mw_wp_form input.submit {
  line-height: 6.9;
}

/* ------ confirm ------ */

.mw_wp_form_confirm .formTitle {
  font-size: 1.2rem;
  margin-bottom: -0.8rem;
}
.mw_wp_form_confirm p {
  font-size: 1.6rem;
  font-weight: 600;
  font-family: 'Zen Old Mincho', serif;
  letter-spacing: 0;
}
.mw_wp_form_confirm p + p {
  margin-top: 3rem;
}

/* ------ complete ------ */

.mw_wp_form_complete {
  font-size: 1.5rem;
  padding: 6.2rem 6.2rem;
  font-family: 'Zen Old Mincho', serif;
}
.mw_wp_form_complete p {
  line-height: 2.1;
}


/* 
><><><><><><><><><><><><><><><><><><><>
  
  ▼ Policy

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

/* --------------------------- 
  ■ sectPolicy
--------------------------- */

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

section.l-sectPolicy {
   margin-top: 0rem;
   padding-bottom: 13rem;
}
section.l-sectPolicy > .inner {
  width: 82.5%;
}
section.l-sectPolicy dl {
  flex-flow: column;
}
section.l-sectPolicy dl:nth-child(1) {
  padding-top: 6.2rem;
}
section.l-sectPolicy dl + dl {
  margin-top: 6.2rem;
  padding-top: 6.2rem;
}
section.l-sectPolicy dl:last-child {
  border-bottom: 1px dotted #e8e8e8;
  padding-bottom: 17.5rem;
}

/* ------ dt ------ */

section.l-sectPolicy dt {
  width: 100%;
  font-size: 1.7rem;
}

/* ------ dd ------ */

section.l-sectPolicy dd {
  font-size: 1.2rem;
  line-height: 2.2;
  width: 100%;
  margin-top: 1.1rem;
}


/*
END
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-
*/
}