/* adjustCommon.css */

/* 
=================================================== 
  
  ◆ SP

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

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

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


◆ SP

// ● Common //

▼ Animation
▼ Loading
▼ Humb
▼ Header
▼ Footer

--

// ● Components //

▼ Btn
▼ Link
▼ Heading
▼ Desc

--

// ● Section //

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

--

// ● Page //

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


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


// ● Common  //

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

  ▼ Animation

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

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

.underbar:before {
  bottom: -0.5rem;
}
.underbar:after  {
  display: none;
}

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

  ▼ Loading

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

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

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

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

.pace .pace-progress {
  background: #ccc;
  opacity: 1;
  height: 3px;
}

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

/* --- common --- */

.loadBg__cont .logo {
  width: 76px;
  height: 76px;
}

/* --- icon --- */

.loadBg__cont .logo img {
  width: 48px;
  height: 48px;
  margin-top: 3px;
}

/* 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 220;
}

/*
start
*/

body.load1 .loadBg__cont .logo svg.circle1 circle {
  stroke-dasharray:220 220;
  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 239;
}

/*
start
*/

body.load1 .loadBg__cont .logo svg.circle2 circle {
  stroke-dasharray:239 239;
  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 239;
  transition: all 1.5s cubic-bezier(.275,0,0,1);
}

/*
start
*/

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

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

.loadBg__cont .txt {
  margin-top: 16px;
  line-height: 1;
  margin-left: 3px;
}
.loadBg__cont .txt img {
  width: 140px;
}



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

  ▼ Humb

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

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

.l-humb__btn {
  right: 3.2rem;
  top: 3.6rem;
  height: 6.4rem;
  width: 5.9rem;
}
.l-humb__btn > .inner {
  height: 1.2rem;
  position: relative;
}

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

.l-humbClose {
  right: 2.6rem;
  top: 2.3rem;
  width: 4.2rem;
  height: 4rem;
}

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

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

/* layout */

.l-humbCont .inner {
  width: 96.5%;
  margin: 30.3vh auto 0;
}
.l-humbCont__sect {
  height: 100%;
  overflow: scroll;
  align-items: initial;
  display: initial;
  margin-left: initial;
  margin-top: 0;
}

/*
image
*/

.l-humbCont__sect figure {
  height: 35vw;
}
body.humbActive .humbReceive figure {
}

/* lang */

nav.l-humbCont__lang {
  top: 4rem;
  right: initial;
  left: 3.6rem;
}
nav.l-humbCont__lang li {
  font-size: 1.5rem;
}
nav.l-humbCont__lang li:nth-child(2) {
  font-size: 1.4rem;
  margin-left: 0.55rem;
  margin-right: 0.55rem;
  margin-top: -0.1rem;
  opacity: 0.4;
}

/* nav */

nav.l-humbCont__nav {
  display: block;
  margin-top: 2rem;
}
nav.l-humbCont__nav ul li + li {
  margin-top: 5.15rem;
}
nav.l-humbCont__nav ul li {
  font-size: 2.3rem;
  letter-spacing: 0.21em;
}

/*
triger
*/

.humbTriger:before {
  right: -2.3rem;
  width: 0.6rem;
  height: 0.6rem;
}
.humbTriger.visible:before {
  top: 42.2%;
}
.humbTriger.active:before {
  top: 57.2%;
}

/*
humbReceive
*/

.humbReceive ul {
  margin-top: 4.05rem;
  padding-bottom: 1.85rem;
}

body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(2),
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(3) {
  height: 35vw;
}
body nav.l-humbCont__nav .humbReceive.project ul li:nth-child(3) {
  margin-top: 0.6rem;
}

/*
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 {
  font-size: 2.6rem;
  letter-spacing: 0.27em;
}
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 {
  margin-top: 0.6rem;
}

/*
humbReceive - about
*/

.sp_pc ul {
  margin-top: 3.8rem;
  margin-bottom: -0.5rem;
}
nav.l-humbCont__nav .sp_pc ul li {
  font-size: 1.5rem;
  letter-spacing: 0.275em;
}
nav.l-humbCont__nav .sp_pc ul li + li {
  margin-top: 2.9rem;
}

/* sns */

.l-humbCont__sns {
  margin-top: 6.6rem;
}
.l-humbCont__sns ul li  {
  font-size: 2.05rem;
}
.l-humbCont__sns ul li + li {
  margin-left: 1.4rem;
}
.l-humbCont__sns ul li:nth-child(3) {
  margin-left: 1.2rem;
}

/* btn */

.l-humbCont__btn {
  margin-top: 9.2rem;
  width: 94%;
}
.l-humbCont__btn + .l-humbCont__btn {
  margin-top: 0.5rem;
}
.l-humbCont__btn a {
  font-size: 1.5rem;
  letter-spacing: 0.27em;
  padding-top: 4.6rem;
  padding-bottom: 4.3rem;
  background-color: #fafafa;
}


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

  ▼ Header

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

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

.l-header__title {
  top: -1.2rem;
  left: 2.6rem;
  width: 7.1rem;
  height: 7.1rem;
}
.l-header__title img {
  height: 100%;
  width: 100%;
  opacity: 0.9;
}


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

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

.l-header__mainNav {
  display: none;
}

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

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

.l-header__lang {
  display: none;
}


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

  ▼ Footer

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

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

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

/* 
Active
*/

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

/* 
uBlack
*/

body.uBlack footer.l-footer {
  padding-bottom: 5.3rem;
}


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

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

.l-footer__title {
  font-size: 4.35rem;
  letter-spacing: 0.17em;
}
.l-footer__sub {
  font-size: 1.4rem;
  margin-top: 2.2rem;
  margin-left: 0.2rem;
  opacity: 0.1;
}

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

footer.l-footer .c-btn {
  margin-top: 3.9rem;
  width: 7.8rem;
  height: 7.8rem;
  margin-left: -0.5rem;
}
footer.l-footer .c-btn:before,
footer.l-footer .c-btn:after {
  height: 1.3rem;
  width: 1.1rem;
}


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

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

footer.l-footer .bottom {
  bottom: 4.9rem;
}

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

.l-footer__copy {
  letter-spacing: 0.13em;
}

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

/* 
common
*/

.l-footer__nav {
 margin-bottom: 9.7rem;
} 
.l-footer__nav nav + nav {
  margin-left: 4.4rem;
}

/* 
title
*/

.l-footer__navTitle {
  font-size: 2.35rem;
  letter-spacing: 0.035em;
}

/* 
list
*/

ul.l-footer__navList {
  margin-top: 2.2rem;
}
ul.l-footer__navList + ul {
  margin-left: 3.4rem;
}
ul.l-footer__navList li {
  font-size: 1.25rem;
  white-space: nowrap;
}
ul.l-footer__navList li + li {
  margin-top: 1.3rem;
}

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

.l-footer__sns {
  display: block;
  right: initial;
  left: -0.2rem;
  bottom: 1rem;
}
.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: -1.7rem;
  bottom: 1.5rem;
}
.l-footer__toTop:before {
  top: 38%;
  width: 1.5rem;
  height: 1.5rem;
  border-top: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  
}
.l-footer__toTop:after {
  top: 38%;
  width: 1.5rem;
  height: 1.5rem;
  border-top: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}

body.uBlack .l-footer__toTop {
  right: 0.5rem;
  bottom: 0.1rem;
}


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


// ● Components  //


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

  ▼ Btn

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

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

.c-btn {
  width: 9.6rem;
  height: 9.6rem;
  border: 1px solid #ebebebe;
}
.c-btn:before,
.c-btn:after {
  height: 1.4rem;
  width: 1.3rem;
}

/* 
white
*/

section.l-sectNav .c-btn {
  border: 1px solid rgba(255,255,255,0.25);
}
.c-btn.white:before {
  opacity: 1;
  height: 1.3rem;
  width: 1.2rem;
}
.c-btn.white:hover:before {
  opacity: 1;
}
.c-btn.white:after {
  display: none;
}


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

/* common */

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

/* title */

section.l-sectNav.l-sectExp .title {
  font-size: 3.7rem;
  letter-spacing: 0.19em;
}

/* btn */

section.l-sectNav.l-sectExp .btn {
  font-size: 1.8rem;
  letter-spacing: 0.24em;
  margin-top: 3.2rem;
  margin-bottom: 1.6rem;
}
.l-sectExp__cont .btn:before {
  bottom:-0.9rem;
  left: -0.3rem;
  width: 104%;
}

/* desc */

section.l-sectNav.l-sectExp p.desc {
  width: 77%;
}




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

  ▼ Link

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

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

.c-link {
  width: 112%;
  margin-left: -6%;
  font-size: 1.5rem;
  margin-top: 4.9rem;
  border-radius: 8rem;
  border: 1px solid #ededed;
}
.c-link a {
  padding: 2.9rem 0;
  border-radius: 8rem;
}


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

  ▼ Heading

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

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

.c-heading .main {
  font-size: 2.7rem;
  letter-spacing: 0.05em;
  opacity: 0.85;
  white-space: nowrap;
}

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

.c-heading .sub {
  font-size: 1.5rem;
  margin-top: 1.6rem;
  letter-spacing: 0.09em;
}
body.top section.l-underSect .c-heading .sub {
  opacity: 0.5;
}

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

  ▼ Desc

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

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

.c-desc {
  font-size: 1.5rem;
  line-height: 2.55;
  letter-spacing: 0.075em;
  opacity: 0.75;
}
br.sp {
  display: none
}

/*
bespoke
*/

.l-bespokeDetail .c-desc {
  font-size: 1.5rem;
}


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


// ● Common  //


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

  ▼ NewsList

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

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

section.l-sectNews {
  width: 94%;
  margin: 0 auto;
  padding-bottom: 6.5rem;
}
section.l-sectNews > .inner {
  width: 99%;
}

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

/*
margin
*/

article.l-newsSingle + section.l-sectNews {
  padding-top: 12rem;
  padding-bottom: 8rem;
}


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

/* common */

ul.l-sectionNewslist li + li {
  margin-top: 0;
}
li.l-sectionNewslist__cont {
  
}
li.l-sectionNewslist__cont:first-child {
  
}
li.l-sectionNewslist__cont > .inner {
  padding-top: 4.7rem;
  padding-bottom: 4.7rem;
}
article.l-newsSingle + section.l-sectNews li.l-sectionNewslist__cont:last-child {
  border-bottom: 1px dotted #e8e8e8;
}

/*
top
*/

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

/* date */

li.l-sectionNewslist__cont .date {
  font-size: 1.9rem;
  width: 100%;
  margin-top: 6.4rem;
  padding-left: 3.5rem;
  order: 2;
  display: none
}
li.l-sectionNewslist__cont .date span {
  display: initial;
}

/*
top
*/

body.top li.l-sectionNewslist__cont .date {
  padding-left: initial;
  margin-left: 0.2rem;
}

/* title */

li.l-sectionNewslist__cont .title {
  width: calc(67.5% - 6.8rem);
  font-size: 1.7rem;
  margin-top: initial;
  margin-left: 5.9rem;
  margin-right: 2rem;
  order: 3;
}

/*
top
*/

body.top li.l-sectionNewslist__cont .title {
  margin-left: initial;
  width: 100%;
}

/*
under
*/

body.under li.l-sectionNewslist__cont .title {
  font-size: 1.8rem;
}


/*
inDate
*/

li.l-sectionNewslist__cont .title__date {
  display: block;
  font-family: trajan-pro-3, serif;
  font-size: 1.2rem;
  letter-spacing: 0.125em;
  font-variant: small-caps;
  margin-top: 1.2rem;
  margin-left: 0.1rem;
  color: #b1b1b1;
  text-transform: lowercase;
}

section.l-sectNews li.l-sectionNewslist__cont .title__date {
  font-size: 1rem;
  margin-top: 1.1rem;
}


/* arrow */

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

/* figure */

li.l-sectionNewslist__cont figure {
  width: 26.9%;
  height: 25.2vw;
  margin-top: initial;
  margin-right: 0rem;
  order: 1;
}

/*
top
*/

body.top li.l-sectionNewslist__cont figure {
  display: none;
}


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

  ▼ sectNav

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

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

section.l-sectNav {
  min-height: 96vh;
}
.l-sectNav__cont {
  flex-flow: column;
}
section.l-sectNav > .inner,
section.l-sectNav a > .inner {
  width: 72.5%;
  padding: 0rem 0rem 9rem;
}

/*
bg
*/

section.l-sectNav.active:before {
  background-color: rgba(0,0,0,0.4);
}

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

/* common */

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

/* num */

.l-sectNav__num {
  font-size: 2.15rem;
  margin-left: 0.7rem;
}

/* title */

section.l-sectNav .title {
  font-size: 4.8rem;
  line-height: 1.3;
  letter-spacing: 0.2em;
  margin-top: 1.5rem;
  margin-left: 0.1rem;
  width: 106%;
  white-space: nowrap;
}
section.l-sectNav.aes .title {
  font-size: 5.8rem;
}

/* 
philosophy
*/

section.l-sectNav.philosophy .title {
  font-size: 4.2rem;
  letter-spacing: 0.23em;
}

/* 
bespoke
*/

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

/*
single
*/

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


/* sub */

section.l-sectNav .sub {
  margin-top: 1.4rem;
}

/* 
jpn
*/

section.l-sectNav .sub.jpn {
  font-size: 1.5rem;
  margin-top: 1.7rem;
  letter-spacing: 0.15em;
}

/* desc */

section.l-sectNav p.desc {
  font-size: 1.1rem;
  width: 81%;
  line-height: 2.15;
  margin-top: 3.2rem;
}
section.l-sectNav p.desc.fadeInUp {
  opacity: 0.4;
}
section.l-sectNav p.desc br {
  
}

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

/* common */

section.l-sectNav .right {
  margin-left: initial;
  margin-left: -0.7rem;
  margin-top: 3.9rem;
}

/* btn */

section.l-sectNav .c-btn {
  width: 8rem;
  height: 8rem;
}


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

  ▼ sectSubTitle

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

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

section.l-sectSubTitle {
  font-size: 2.85rem;
  letter-spacing: 0.22em;
  padding-top: 11.5rem;
  padding-bottom: 11.5rem;
}

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

  ▼ sectUnderNav

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

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

section.l-sectUnderNav {
  background-color: #f4f4f4;
}
section.l-sectUnderNav ul {
  padding: 3.8rem 0 3.8rem;
}
section.l-sectUnderNav ul li {
  font-size: 1.4rem;
  letter-spacing: 0.25em;
  padding-right: 3.2rem;
  padding-left: 3.3rem;
}


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

  ▼ sectAbout

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

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

section.l-sectAbout > .inner {
  flex-flow: column;
  padding: 4.4rem 0 12rem;
}
section.l-sectAbout .left {
  width: 85%;
}
section.l-sectAbout .right {
  margin-left: initial;
  width: 74%;
}

/*
magazine
*/

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

/*
bespoke
*/

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

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

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

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


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

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

section.l-sectAbout .cont {
  width: 100%;
}

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

section.l-sectAbout .title {
  font-size: 3.7rem;
  margin-top: 6.8rem;
  line-height: 1.5;
  letter-spacing: 0.4em;
}

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

section.l-sectAbout .sub {
  margin-top: 2.1rem;
  letter-spacing: 0.28em;
}

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

section.l-sectAbout .desc {
  font-size: 1.5rem;
  line-height: 2.3;
  margin-top: 3.6rem;
}

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

section.l-sectAbout .c-btn {
  margin-top: 3.6rem;
  margin-left: -0.3rem;
}


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

  ▼ sectCase

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

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

section.l-sectCase {
  padding-bottom: 10.6rem;
}
section.l-sectCase > .inner {
  width: 85%;
}


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

.l-sectTitle {
  font-size: 2.3rem;
  letter-spacing: 0.4em;
  padding-top: 9.6rem;
  padding-bottom: 8.4rem;
  margin-left: 1rem;
}

/*
two
*/

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

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

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

.l-sectCaseList__title {
  border-top: 1px dotted rgb(76 76 76 / 11%);
}
.l-sectCaseList:last-child .l-sectCaseList__title:after {
  border-bottom: 1px dotted rgb(76 76 76 / 11%);
}
.l-sectCaseList__title > .inner {
  padding: 4.4rem 2.2rem;
}

/* num */

.l-sectCaseList__title .num {
  font-size: 1.5rem;
  margin-right: 3.2rem;
}

/* title */

.l-sectCaseList__title .title {
  font-size: 1.85rem;
  letter-spacing: 0.225em;
}

/*
cross
*/

.l-sectCaseList__title .wrap:before,
.l-sectCaseList__title .wrap:after {
  width: 0.75rem;
  right: 2.1rem;
}

/* desc */

.l-sectCaseList__title .desc {
  display: none;
}


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

.l-sectCaseList__cont > .inner {
  margin: 3rem auto 6rem;
  width: 93%;
}
.l-sectCaseList__cont .left {
  width: 50%;
}
.l-sectCaseList__cont .right {
  width: 51%;
  margin-left: 8%;
}

/* image */

.l-sectCaseList__cont .image {
  
}

/* cont */

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

/* title */

.l-sectCaseList__cont .title {
  font-size: 2.9rem;
}

/* sub */

.l-sectCaseList__cont .sub {
  margin-top: 1.9rem;
  opacity: 0.2;
  letter-spacing: 0.08em;
}

/* desc */

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

/* btn */

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

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

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

.l-sectCase__show {
  font-size: 1.55rem;
  margin-top: 8.4rem;
  letter-spacing: 0.45em;
  margin-left: 3.1rem;
}
.l-sectCase__show a {
  padding-right: 3.4rem;
}
.l-sectCase__show .hideParent:before {
  top: 50%;
}

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

  ▼ sectRand

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

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

.l-sectRand__title {
  font-size: 2.55rem;
  letter-spacing: 0.525em;
  line-height: 1.95;
  white-space: nowrap;
}

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

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

.l-sectRand__list {
  width: 78%;
  padding: 6rem 0 0;
}
.l-sectRand__cont {
  width: 41vw;
}

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

.l-sectRand__cont .thumb {
  height: 54.5vw;
  border: 2px solid #ffffff;
}


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

.l-sectRand__cont .cont {
  margin: 4rem auto 0;
  width: 99%;
}

/* subTitle */

.l-sectRand__cont .subTitle {
  font-size: 1.5rem;
}

/* engTitle */

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

/* jpnTitle */

.l-sectRand__cont .jpnTitle {
  font-size: 0.9rem;
  letter-spacing: 0.13em;
  margin-top: 1.2rem;
}


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

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

.l-sectRand__wrap > .inner {
  overflow-y: scroll;
}
.l-sectRand__wrap .right {
  margin-top: 6.9rem;
}
.l-sectRand__wrap .left {
  height: 76vw;
}


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

.l-sectRandwrap__cont {
  flex-flow: column;
  width: 74%;
}
.l-sectRandwrap__cont .wrapLeft {
  width: 100%;
}
.l-sectRandwrap__cont .wrapRight {
  margin-right: 0.8rem;
  margin-bottom: 0rem;
  margin-top: 1.6rem;
}

/* title */

/*
subTitle
*/

.l-sectRandwrap__subTitle {
  font-size: 1.5rem;
  letter-spacing: 0.225em;
  margin-left: 0.2rem;
}

/* 
engTitle 
*/

.l-sectRandwrap__engTitle {
  font-size: 2.9rem;
  letter-spacing: 0.16em;
  margin-top: 2.4rem;
}

/* 
jpnTitle 
*/

.l-sectRandwrap__jpnTitle {
  font-size: 1.1rem;
  letter-spacing: 0.12em;
  margin-top: 3.9rem;
  padding: 2.8rem 0.8rem 3rem;
}

/* 
desc
*/

.l-sectRandwrap__desc {
  font-size: 1.4rem;
  line-height: 2.45;
  margin-top: 5.5rem;
}


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

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


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

  ▼ sectStory

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

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

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

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

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

.l-sectStoryList__cont {
  height: initial;
  width: calc(100% - 0.4rem);
  margin: 0.2rem;
}
.l-sectStoryList__cont + .l-sectStoryList__cont {
  margin-top: 10rem;
}

/*
hover
*/

.l-sectStoryList__cont:hover {
  border: 0px solid #fff;
}
.l-sectStoryList__cont .cont:before {
  content: none;
}

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

.l-sectStoryList__cont > .image {
  height: 60vw;
  width: 81%;
  border: 1px solid rgba(255,255,255,1);
}

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

.l-sectStoryList__cont .cont {
  position: initial;
  display: initial;
}

/* box */

.l-sectStoryList__cont .box {
  margin-top: 6.5rem;
  opacity: 1;
  transform: initial;
}

/* type */

.l-sectStoryList__cont .type {
  font-size: 1.3rem;
}

/* eng */

.l-sectStoryList__cont .eng {
  font-size: 2.8rem;
  letter-spacing: 0.17em;
  margin-top: 2rem;
}

/* jpn */

.l-sectStoryList__cont .jpn {
  font-size: 1.2rem;
  letter-spacing: 0.13em;
  margin-top: 1.5rem;
  padding: 2.4rem 0.9rem;
}


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

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

/*
active
*/

.l-sectStoryList__cont.active .l-sectStoryList__page {
  width: 100%;
}

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

.l-sectStory__close {
  top: 2.2rem;
  right: 2.2rem;
  width: 4.2rem;
  height: 4rem;
}

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

/* common */

.l-sectStoryList__page .bottom > .inner {
  width: 84%;
  padding-bottom: 15rem;
}
.l-sectStoryList__page .bottom .left {
  width: 86%;
  margin: 12.3rem auto 12rem;
}
.l-sectStoryList__page .bottom .right {
  margin-top: 2.9rem;
  margin-bottom: 13rem;
}

/* pageType */

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

/* pageEng */

.l-sectStoryList__page .pageEng {
  font-size: 3.5rem;
  font-weight: 500;
  margin-top: 4rem;
}

/* pageJpn */

.l-sectStoryList__page .pageJpn {
  font-size: 1.1rem;
  margin-top: 3.7rem;
  padding: 2.4rem 1.1rem 2.5rem;
}

/* pagImage */

.l-sectStoryList__page .pageImage {
  margin-top: 9rem;
  width: 97%;
  height: 82vw;
}

/* pageDesc */

.l-sectStoryList__page .pageDesc {
  font-size: 1.55rem;
  line-height: 2.45;
  margin: 5.2rem auto 0;
  width: 87%;
}



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

  ▼ sectPhilo

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

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

section.l-sectPhilo > .inner {
  padding-bottom: 13rem;
}

/*
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: 13rem;
}

/* --- arrow --- */

section.l-articleMovie figure:before {
  width: 6rem;
  height: 6rem;
}

/* --- mov --- */

.l-articleMov {
  width: 81%;
  height: 58vw;
}


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

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

.l-sectPhilo__list,
section.l-sectPhilo.two .l-sectPhilo__list {
  padding-bottom: 12rem;
}
.l-sectPhilo__list + .l-sectPhilo__list {
  padding-top: 12rem;
}

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

.l-sectPhilo__list .image,
section.l-sectPhilo.two .l-sectPhilo__list .image {
  height: 41.9vw;
  width: 41%;
  border: 3px solid #fff;
}

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

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

/* title */

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

/* jpn */

.l-sectPhilo__list .jpn {
  font-size: 1.2rem;
  margin-top: 2.8rem;
  padding: 2rem 1.2rem 2.2rem;
  color: #919191;
}

/* read */

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


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

  ▼ sectAsym

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

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

section.l-sectAsym {
  height:initial;
}


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

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

section.l-sectAsym .cont {
  padding-bottom: 10.8rem;
}
section.l-sectAsym .cont > .inner {
  width: 73.9%;
}

/* 
reserve
*/

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

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

.l-sectAsym__num {
  font-size: 2.3rem;
  margin-top: 7rem;
  margin-bottom: 3.1rem;
}

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

section.l-sectAsym .title {
  font-size: 4.7rem;
  margin-top: 0.2rem;
  line-height: 1;
}
section.l-sectAsym.aes .title {
  font-size: 6.5rem;
}


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

section.l-sectAsym .sub.jpn {
  font-size: 1.3rem;
  margin-top: 1.4rem;
}
section.l-sectAsym .sub.fadeInUp {
opacity: 0.4;
}


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

section.l-sectAsym p.desc {
  width: 63%;
  margin-top: 1.9rem;
  line-height: 2;
}

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

section.l-sectAsym .c-btn {
  display: inline-block;
  margin-top: 3.7rem;
  width: 8.9rem;
  height: 8.9rem;
  margin-left: -2.2rem;
}

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

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

section.l-sectAsym .image {
  width: 80%;
  height: 78vw;
  order: 1;
}

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

  ▼ sectUnderMv

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

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

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

.l-sectUnderMv__img {
  border: 0.4rem solid #fff;
  height: calc(100% - 0rem);
}
.l-sectUnderMv__img:before {
  background-color: rgba(0,0,0,0.3);
}

/*
magazine
*/

.l-sectUnderMv__img.magazine:before {
  background-color: rgba(0, 0, 0, 0.25);
}

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

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

.l-sectUnderMv__title {
  top: 49.4%;
}

/*
single
*/

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

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

.l-sectUnderMv__title .main {
  font-size: 5rem;
  letter-spacing: 0.475em;
  margin-left: 2.3rem;
}

/*
philosophy
*/

.l-sectUnderMv__title.philosophy .main {
  font-size: 4.2rem;
  letter-spacing: 0.2em;
  margin-left: 1.2rem;
}

/*
project
*/

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

/*
story
*/

.l-sectUnderMv__title.story .main {
  font-size: 3.7rem;
}

/*
design
*/

.l-sectUnderMv__title.design .main {
  font-size: 4.7rem;
  letter-spacing: 0.45em;
}

/*
magazine
*/

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

/*
case - single
*/

body.single .l-sectUnderMv__title .main {
  font-size: 5rem;
  letter-spacing: 0.03em;
}

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

.l-sectUnderMv__title .sub {
  font-size: 1.2rem;
  letter-spacing: 0.63em;
  margin-top: 2.2rem;
  opacity: 0.5;
}

/*
case - single
*/

body.single .l-sectUnderMv__title .sub {
  font-size: 1.3rem;
  letter-spacing: 0.2em;
  margin-top: 1rem;
}


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

  ▼ sectHead

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

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

.l-secthead .title {
  align-items: initial;
  flex-flow: column;
  margin-left: 0.5rem
}
.l-secthead .title .main {
  font-size: 5.9rem;
}
.l-secthead .title .sub {
  margin-left: 0.5rem;
  margin-top: 0.1rem;
  opacity: 0.7;
  display: none
}

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

  ▼ sectUnderHead

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

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

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

section.l-sectUnderHead {
  padding-top: 16rem;
  padding-bottom: 11.5rem;
}

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

section.l-sectUnderHead .title {
  font-size: 4.55rem;
  letter-spacing: 0.225em;
  margin-left: 1.4rem;
}

/*
outline
*/

section.l-sectUnderHead.outline .title {
  font-size: 4.2rem;
  letter-spacing: 0.27em;
}

/*
policy
*/

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

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

section.l-sectUnderHead .sub {
  font-size: 1rem;
  letter-spacing: 0.6em;
  margin-top: 2.1rem;
}

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

  ▼ sectBand

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

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

section.l-sectBand {
  height: 103vw;
}

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

  ▼ sectSlider

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

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

section.l-sectSlider {
  padding-top: 11.7rem;
  padding-bottom: 5rem;
}
section.l-sectSlider .l-secthead {
  width: 83%;
}
article.l-singleArticle + section.l-sectSlider {
  padding-top: 15.5rem;
}

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

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

.l-sectSlider__cont {
  margin-top: 5.5rem;
  margin-left: 8.3%;
}
.l-sectSlider__cont .left {
  width: 0%;
}
.l-sectSlider__cont .right {
  width: 100%;
}

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

/* common */

.l-sectSlider__list .slick-slide {
  width: 82vw;
}
.l-sectSlider__list li {
  height: initial;
  flex-flow: column;
  align-items: initial;
}
.l-sectSlider__list .slick-slide + .slick-slide {
  margin-left: 1.2rem;
}

/* cont */

.l-sectSlider__list li .cont {
  margin-bottom: 2.4rem;
  margin-left: 1.3rem;
  width: 100%
}

/* figure */

.l-sectSlider__list li .image  {
  width: 100%;
  height: 103vw;
}

.l-sectSlider__list li figure {
  height: 107vw;
}
.l-sectSlider__list .slick-current li figure:before {
  background-color: rgba(0,0,0,0);
}

/* num */

.l-sectSlider__list li .num {
  font-size: 2rem;
  margin-top: 4.9rem;
  margin-bottom: 3rem;
}
body.pace-done .l-sectSlider__list li .num.inview {
  margin-bottom: 3rem;
}

/* title */

.l-sectSlider__list li .title {
  font-size: 4.5rem;
  letter-spacing: 0.04em;
  line-height: 1.1;
}
.l-sectSlider__list li .title span.subTitle {
  font-size: 1.3rem;
  margin-top: 1.4rem;
}

/* btn */

.l-sectSlider__list li .c-btn {
  margin-top: 4.3rem;
  width: 8.5rem;
  height: 8.5rem;
  left: -0.5rem;
}
body.pace-done .l-sectSlider__list li .c-btn.inview {
  margin-top: 3.3rem;
  left: -0.6rem;
}


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

  ▼ sectGallery

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

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

.l-sectGallery__title {
  font-size: 2.3rem;
  letter-spacing: 0.4em;
  padding-top: 9.6rem;
  padding-bottom: 8.4rem;
}
section.l-sectGallery > .inner {
  padding-left: 2rem;
  padding-bottom: 8rem;
}

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

section.l-sectGallery ul li figure {
  height: 39rem;
  width: 84vw;
}
section.l-sectGallery ul .slick-slide + .slick-slide {
  margin-left: 0.6rem;
}



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

  ▼ underNav

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

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

.l-underNav__list {
  display: none
}

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

.l-underNav {
  padding: 5.6rem 0 0rem;
  height: 0.9rem;
}

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

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

.l-underNav__bread {
  top: 47.7%;
  left: 3.1rem;
}
.l-underNav__bread span {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
}
.l-underNav__bread > span + span {
  margin-left: 0.6rem;
  padding-left: 1.7rem;
}
.l-underNav__bread > span + span:before {
  width: 0.3rem;
  height: 0.3rem;
}

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

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

.l-underNav__scroll {
  font-size: 0;
  height: 2.2rem;
  width: 2.2rem;
  letter-spacing: 0.12em;
  font-variant: initial;
  text-transform: initial;
  bottom: 3.5rem;
  right: 2.8rem;
}

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

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

.l-underScroll.sp {
  display: block;
}
.l-underScroll.sp {
  font-family: trajan-pro-3, serif;
  font-size: 1.1rem;
  letter-spacing: 0.135em;
  line-height: 1;
  text-transform: lowercase;
  position: absolute;
  height: 1.7rem;
  display: block;
  padding-right: 2.2rem;
  top: 54%;
  right: 2.4rem;
  transform: translateY(-50%);
}

.l-underScroll.sp a {
  color: #161616;
}
.l-underScroll.sp:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../../../assets/img/common/arrow-under.svg);
  height: 1.32rem;
  width:  1.32rem;
  opacity: 0.6;
  right: 0rem;
  top: 41%;
  transform: translateY(-50%);
}


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

  ▼ underSect

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

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

section.l-underSect {
  padding-top: 8.1rem;
  margin-top: initial;
  padding-bottom: 11.5rem;
}
section.l-underSect > .inner {
  width: 78.1%;
}

/* 
Top
*/

body.top section.l-underSect {
  padding-top: 0rem;
  padding-bottom: 15rem;
  margin-top: -20rem;
}

/* 
Under
*/

body.under section.l-underSect.fAc {
  margin-top: -40rem;
  padding-bottom: 14.5rem;
}


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

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

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

/*
signle
*/

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

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

/* btn */

/*
common
*/

.l-underSect__btn {
  margin-top: 5.5rem;
  width: 112%;
  margin-left: -6%;
  border: 1px solid rgba(255,255,255,0.1);
}
.l-underSect__btn a {
  color: rgba(255,255,255,0.95);
  padding: 5rem 0 5rem;
  background: rgba(255,255,255,0.2);
}
.l-underSect__btn.sp a {
  padding: 4.6rem 0 4.6rem;
  background: rgba(255,255,255,0);
}


/*
cont
*/

.l-underSect__btn .cont {
  margin-left: 0rem;
}
.l-underSect__btn .title {
  font-size: 2.55rem;
  letter-spacing: 0.1em;
  line-height: 1;
}
.l-underSect__btn .sub {
  margin-top: 1.1rem;
  opacity: 1;
}

/*
jpn
*/

.l-underSect__btn.sp {
  display: block;
}
.l-underSect__btn + .l-underSect__btn {
  margin-top: 0.6rem;
}
.l-underSect__btn:last-child {
  margin-bottom: -5rem;
}
.l-underSect__btn .jpn {
  font-size: 1.4rem;
  font-family: minion-3-display, sans-serif;
  letter-spacing: 0.32em;
  line-height: 1;
  text-transform: uppercase;
}
.l-underSect__btn.sp a:before {
  content: "";
  right: 4.3rem;
  top: 43%;
  position: absolute;
  width: 0.6;
  height: 0.6;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(135deg) translate(-50%,-50%);
  transform: rotate(135deg) translate(-50%,-50%);
  z-index: 1;
  opacity: 0.6;
}


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


// ● Page  //


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

  ▼ Index

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

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

body.top .wrapper {
  overflow-x: hidden;
}


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

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

ul.l-sectionMv__slider .slick-list {
  border: 0.3rem solid #fff;
}

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

/* common */

.l-sectionMv__title {
  top: 51.7%;
}

/* main */

.l-sectionMv__title .main img {
  width: 18.7rem;
}

/* copy */

.l-sectionMv__title .copy {
  font-size: 1.8rem;
  letter-spacing: 1.1em;
  margin-left: 0.8rem;
  margin-top: 3.8rem;
  opacity: 0.7;
}
.l-sectionMv__title .copy .hideChild span {
  font-size: 84%;
  letter-spacing: 0.43em;
  margin-left: 0.4rem;
  margin-right: 1.6rem;
}

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

/* common */

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

/* dots */

ul.l-sectionMv__slider .slick-dots {
/*  display: none !important;*/
  left: initial;
  right: 7%;
  bottom: 3.1rem;
  width: 38%;
}
ul.l-sectionMv__slider .slick-dots li {
  width: 33.333%;
}
ul.l-sectionMv__slider .slick-dots button {
  width: 100%;
}


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

/* common */

.l-sectionMv__info {
  right: initial;
  left: 2.6rem;
  bottom: 2rem;
  display: none
}

/* cont */

.l-sectionMv__info .cont {
  font-size: 1.4rem;
}

/* btn */

.l-sectionNav__cont .c-btn {
/*  display: none  */
}


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

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

section.l-sectionTrigr {
  padding-bottom: 26.7vw;
/*  padding-bottom: 6.7vw;*/
}

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

section.l-sectionNav {
  margin-top: -8vw;
/*  display: none;*/
}
section.l-sectionNav .slick-slide {
  width: 38rem;
}

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

/* visual */

.l-sectionNav__cont .image {
  height: 71vw;
  margin: 0.6rem auto 0;
  width: calc(100% - 1.4rem);
  border: 0px solid #ebebeb;
}

/* cont */

.l-sectionNav__cont .cont {
  width: 75.2%;
  margin: 5.2rem auto 5rem;
}
.l-sectionNav__cont .title {
  font-size: 2.9rem;
  letter-spacing: 0.15em;
}
.l-sectionNav__cont .sub {
  font-size: 1.1rem;
  letter-spacing: 0.225em;
  margin-top: 1.55rem;
  margin-left: 0rem;
}

/* btn */

.l-sectionNav__cont .c-btn {
  bottom: 5.7rem;
  right: 3.1rem;
}


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

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

section.l-sectionLat {
  padding-top: 8.6rem;
  padding-bottom: 7.3rem;
}
section.l-sectionLat > .inner {
  width: 79%;
}

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

.l-sectionLat__title {
  font-size: 5.6rem;
  letter-spacing: 0.14em;
  margin-left: 0rem;
  font-weight: 500;
}

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

/* common */

ul.l-sectionLat__menu {
  margin-top: 3.2rem;
  margin-left: 0.3rem;
  position: relative;
  top: initial;
  right: initial;
}
ul.l-sectionLat__menu li {
  font-size: 1.55rem;
}

/* Separate */

ul.l-sectionLat__menu li + li {
  padding-left: 1.6rem;
  margin-left: 1.6rem;
}
ul.l-sectionLat__menu li + li:before {
  height: 44%;
  top: 56%;
}


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

/* btn */

.l-sectionLat__btn {
  font-size: 2.2rem;
  margin-top: 7rem;
  letter-spacing: 0.25em;
}


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

  ▼ Bespoke

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

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

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

/*
active
*/

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

/*
gtw
*/

section.l-bespokeDetail.bespoke .l-sectNav {
  width: 100%;
}


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

.l-bespokeDetail__close {
  top: 2rem;
  right: 2rem;
}

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

/* common */

.l-bespokeDetail__head {
  margin-top: initial;
  padding-top: 11.9rem;
  padding-bottom: 9.4rem;
}
.l-bespokeDetail__head > .inner {
  width: 96.2%;
  margin: 0 auto;
}
.l-bespokeDetail__head .cont {
  margin: 0rem auto 0;
  width: 76.8%;
  flex-flow: column;
  padding-bottom: 2.9rem;
}
.l-bespokeDetail__head .right {
  margin-left: initial;
}

/* num */

.l-bespokeDetail__num {
  font-size: 2.3rem;
  margin: 0 auto 3.2rem;
  width: 73.5%;
}
.l-bespokeDetail__num span.bar:before {
  bottom: -0.6rem;
}

/* title */

.l-bespokeDetail__title {
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.21em;
}
.l-bespokeDetail__title.an {
  font-size: 5.9rem;
  letter-spacing: 0.095em;
}
.l-bespokeDetail__title.big {
  font-size: 4.6rem;
}

/*
Another
*/

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

/* 
Bespoke 
*/

.l-bespokeDetail.bespoke .l-bespokeDetail__title {
  font-size: 4.1rem;
}
.l-bespokeDetail__title span + span {
  margin-top: -0.4rem;
}

/* sub */

.l-bespokeDetail__sub {
  font-size: 1.3rem;
  letter-spacing: 0.15em;
  margin-top: 2.2rem;
  padding: 2.1rem 1.4rem 2.2rem;
}

/* desc */

.l-bespokeDetail__desc {
  font-size: 1.3rem;
  line-height: 2;
  margin: 3.7rem auto 0;
}

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

.l-bespokeDetail__mv {
  width: 95%;
}
.l-bespokeDetail__mv figure {
  
}

/*
detAc
*/

.detAc .l-bespokeDetail__mv {
  width: 100%;
  top:0;
  height: 100vh;
}
.detAc .l-bespokeDetail__mv:before {
  background-color: rgba(0,0,0,0.85);
}


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

/* common */

.l-bespokeDetail__intro {
  width: 73.5%;
  padding-bottom: 11rem;
  margin: -83vh auto 0;
}

/* left */

.l-bespokeDetail__intro .left > .inner {
  padding-bottom: 5.4rem;
}


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

/* common */

.l-bespokeDetail__cont {
  width: 100%;
  margin: 4.2rem auto 0rem;
}
.l-bespokeDetail__cont  > .inner {
  width: 73.8%;
  margin: 0 auto 0;
}


/* TabMenu */

/*
Common
*/

.l-tabCont {
  width: 103%;
  margin-left: -1.5%;
  border-top: 1px dotted #ededed;
}
.l-bespokeDetail__cont .intro + .l-tabCont {
  margin-top: 8.5rem;
}

/*
bread
*/

.l-tabCont .l-underNav__bread  {
  left: 1.9rem;
}

/*
Menu
*/

.l-tabMenu {
  padding: 4.7rem 0 3.3rem;
  width: 126.2%;
  margin-left: -13.1%;
}
.l-tabMenu ul {
  width: 78.7%;
  justify-content: left;
}
.l-tabMenu li {
  font-size: 1.4rem;
}
.l-tabMenu li + li {
  margin-left: 2.4rem;
}
.l-tabMenu li > span {
  padding-right: 1.9rem;
}
.l-tabMenu li > span:before {
  top: 55%;
  width: 1.35rem;
  height: 1.35rem;
  opacity: 0.9;
}


/* list */

/*
common
*/

.l-bespokeDetail__cont .intro + dl {
  margin-top: 9.5rem;
}
.l-bespokeDetail__cont dl {
  flex-flow: column;
  padding: 7rem 0 10rem;
  margin-left: 0;
  width: 100%;
}
.l-bespokeDetail__cont dl.order {
  width: 70.8%;
}
.l-bespokeDetail__cont #workflow dl.listW:first-child {
  padding: 7.3rem 0 9rem;
}
.l-bespokeDetail__cont dl:last-child {
  padding-bottom: 10rem;
}
.l-bespokeDetail__cont dl.order {
  padding-top: 8.2rem;
  margin-top: 0;
  margin-left: -18%;
  width: 136%;
}
.l-bespokeDetail__cont dl.order > .inner {
  width: 70.5%;
}

.l-bespokeDetail__cont #workflow dl.last,
.l-bespokeDetail__cont dl.last {
  padding-bottom: 9rem;
}

.l-bespokeDetail__cont #workflow .listW dd {
  margin-top: 3.8rem;
  padding-left: 4.5rem;
  margin-left: 1rem;
  position: relative;
  width: calc(100% - 6.7rem);
}


/*
title
*/

.l-bespokeDetail__cont dt {
  font-size: 2.4rem;
}
.l-bespokeDetail__cont dt span {
  font-size: 1.4rem;
  margin-top: 0.9rem;
}

.l-bespokeDetail__cont dl.order dt,
.l-bespokeDetail__cont #workflow dl.order dt {
  font-size: 3.4rem;
  letter-spacing: 0.15em;
}
.l-bespokeDetail__cont dl.order dt span {
  font-size: 1.25rem;
  margin-top: 0.8rem;
}

.l-bespokeDetail__cont dt > .inner {
  margin-bottom: 5.2rem;
}

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

.l-bespokeDetail__cont dt span .l-bespokeDetail__cont figure {
  height: 68vw;
}
.l-bespokeDetail__cont dd figure  {
  height: 67vw;
}

/*
desc
*/

.l-bespokeDetail__cont dd .desc {
  font-size: 1.4rem;
  line-height: 2.3;
}
.l-bespokeDetail__cont dd .desc span {
  font-size: 1.3rem;
  line-height: 2.25;
  margin-top: 2.1rem;
}
.l-bespokeDetail__cont dd .desc span br {
  display: none;
}

.l-bespokeDetail__cont dd figure + .desc {
  margin-top: 4.3rem;
}

/*
btn
*/

.l-bespokeDetail__cont dd .btn {
  margin-top: 5.2rem;
  width: 104%;
  margin-left: -2%;
}
.l-bespokeDetail__cont dd .btn + .btn {
  margin-top: 0.6rem;
}
.l-bespokeDetail__cont dd .btn .link {
  padding-top: 4.5rem;
  padding-bottom: 4.3rem;
}


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

.l-bespokeDetail__closePage {
  font-size: 1.9rem;
  letter-spacing: 0.135em;
  height: initial;
  padding: 4.9rem 0 5.2rem;
}
.l-bespokeDetail__closePage span.inview {
  padding-right: 1.7rem;
}
.l-bespokeDetail__closePage span.inview:before {
  top: 17%;
}
.l-bespokeDetail__closePage span.inview:before,
.l-bespokeDetail__closePage span.inview:after {
  width: 0.5rem;
  height: 0.5rem;
}

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

  ▼ Single

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

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

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

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

/* ------ Info ------ */

.l-singleIntro__info {
  flex-wrap: wrap;
  width: 73.1%;
}
.l-singleIntro__info dl {
  width: 46%;
}
.l-singleIntro__info dl + dl {
  margin-left: initial;
}
.l-singleIntro__info dl:nth-child(3) {
  margin-top: 3rem;
}
.l-singleIntro__info dt {
  opacity: 0.5;
}
.l-singleIntro__info dd {
  font-size: 1.6rem;
}

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

/* Url */

.l-singleIntro__url {
  font-size: 2.3rem;
  margin-top: 6.6rem;
  width: 84.7%;
  border: 1px solid rgba(255,255,255,0.15);
}
.l-singleIntro__url a {
  padding-top: 4rem;
  padding-bottom: 4rem;
}


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

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

article.l-singleArticle {
  padding-top: initial;
  margin-top: 0;
  padding-bottom: 10rem;
}

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

.l-singleArticle figure {
  width: 94%;
  height: 88vw;
}
.l-singleArticle figure + figure {
  margin-top: 1.3rem;
}

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

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

section.l-sectCredit {
  padding-top: 9.7rem;
  padding-bottom: 1rem;
}
section.l-sectCredit > .inner {
  width: 78.5%;
  flex-flow: column;
}
section.l-sectCredit .left {
  width: 100%;
}
section.l-sectCredit .right {
  width: 100%;
  margin-top: 3.8rem;
}

section.l-sectCredit + section.l-sectSlider {
  padding-top: 11.7rem;
}

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

.l-sectCredit__title {
  font-size: 3.6rem;
}

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

/* common */

ul.l-sectCredit__list {
  margin-top: 0.5rem;
}
ul.l-sectCredit__list li:nth-child(n + 2) {
  margin-top: 2.7rem;
}

/* name */

ul.l-sectCredit__list .name {
  font-size: 2.1rem;
  line-height: 1.15;
  letter-spacing: 0.055em;
}

/* part */

ul.l-sectCredit__list .part {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 1.85;
  margin-top: 0.75em;
}

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

  ▼ News

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

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

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

.c-pagenation {
  margin-top: 6.7rem;
}
.c-pagenation ul {
  font-size: 1.8rem;
}


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

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

article.l-newsSingle {
  padding-bottom: 0;
}

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

/* common */

.l-newsSingle__head {
  width: 85%;
  padding-top: 17.5rem;
  padding-bottom: 13.5rem;
  margin: 0 auto;
  text-align: center;
}

/* title */

.l-newsSingle__head .title {
  font-size: 2.5rem;
  line-height: 1.6;
}

/* date */

.l-newsSingle__head .date {
  font-size: 1.8rem;
  letter-spacing: 0.075em;
  margin-top: 1.2rem;
  margin-left: -0.2rem;
}

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

.l-newsSingle__mv {
  margin: 0 auto 0;
  width: 96%;
  height: 97vw;
}
body.mvBg .l-newsSingle__mv {
  width: 96%;
}

.l-newsSingle__mv figure {
  width: 100%;
  height: 100%;
  min-height: initial;
}
.l-newsSingle__mv figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  object-position: center center;
}

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

.l-newsSingle__cont {
  padding-top: 5rem;
}
.l-newsSingle__cont p {
  width: 84.5%;
  font-size: 1.65rem;
  line-height: 2.25;
  padding-left: initial;
}
.l-newsSingle__cont p + p {
  padding-top: 3.4rem;
}

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

/* common */

.l-prevNext {
  width: 100%;
  padding: 0rem 0;
  margin: 9rem auto 0;
}
.l-prevNext > .inner {
  width: 81%;
  padding: 6.8rem 0;
}

/* arrow */

.l-prevNext .arrow {
  margin-top: -0.1rem;
}

/* index */

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


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

  ▼ Company

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

/* --------------------------- 
  ■ sectCompany
--------------------------- */

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

section.l-sectCompany {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
section.l-sectCompany > .inner  {
  width: 82.2%;
  padding-top: 0;
  padding-bottom: 2rem;
}
section.l-sectCompany dl {
}
section.l-sectCompany dl +  dl {
  margin-top: 1.3rem;
}

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

section.l-sectCompany .right figure {
  height: 97vw;
}
section.l-sectCompany .right figure img {
  object-position: center 26%;
}

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

section.l-sectCompany .left > .inner {
  margin: 5.2rem auto 0;
}

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

section.l-sectCompany dt {
  font-size: 1.35rem;
  width: 34%;
  margin-top: 0.3rem;
  padding-left: 0.9rem;
}

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

section.l-sectCompany dd {
  font-size: 1.4rem;
  width: 86%;
}

/*
service
*/

section.l-sectCompany dl#service dd {
  line-height: 2.5;
}

/* ------ profile ------ */

section.l-sectCompany dl#profile {
  margin-top: 7.2rem;
  padding-top: 6.5rem;
  padding-bottom: 9.5rem;
  border-bottom: initial;
}
section.l-sectCompany dl#profile .sub {
  font-size: 1.1rem;
  margin-top: 0.2rem;
}
section.l-sectCompany dl#profile .name {
  font-size: 2.7rem;
  margin-top: -0.2rem;
}
section.l-sectCompany dl#profile .desc {
  font-size: 1.35rem;
  margin-top: 0.5rem;
  line-height: 2.2;
}


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

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

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

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

section.l-sectJoin {
  padding-bottom: 0;
}
section.l-sectJoin > .inner {
  width: 86.5%;
}

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

/* common */

.l-sectJoin__head {
  margin-top: -1rem;
}
.l-sectJoin__head > .inner {
  width: 92%;
  padding-top: 5.7rem;
  padding-bottom: 7rem;
}

/* left */

.l-sectJoin__head .left .title {
  font-size: 2.1rem;
}
.l-sectJoin__head .left .sub {
  font-size: 1.4rem;
  margin-top: 1.2rem;
}

/* right */

.l-sectJoin__head .right {
  margin-top: 4.1rem;
}
.l-sectJoin__head .right .desc {
  font-size: 1.45rem;
  line-height: 2.25;
}


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

/* common */

.l-sectJoin__cont {
  padding-top: 7.5rem;
  padding-bottom: 11rem;
}

/* dl */

.l-sectJoin__cont dl +  dl {
  margin-top: 3.9rem;
}

/* dt */

.l-sectJoin__cont dt {
  font-size: 1.55rem;
}
.l-sectJoin__cont dt > .inner {
  width: 87.7%;
}

/* dd */

.l-sectJoin__cont dd {
  padding-bottom: 5rem;
}
.l-sectJoin__cont dd > .inner {
  width: 90%;
}
.l-sectJoin__cont dd:before {
  right: 1rem;
  width: 0.9rem;
  margin-left: 5.5%;
}
.l-sectJoin__cont dt:before {
  right: 1rem;
  width: 0.9rem;
}
.l-sectJoin__cont dt:after {
  right: 1rem;
  width: 0.9rem;
}

/*
left
*/

.l-sectJoin__title .main {
  font-size: 1.95rem;
}
.l-sectJoin__title .sub {
  font-size: 1.4rem;
  margin-top: 1.1rem;
  margin-left: 0.3rem;
}

/*
right
*/


.l-sectJoin__cont dd .right {
  margin-top: 3.9rem;
}
.l-sectJoin__intro {
  font-size: 1.4rem;
  line-height: 2.2;
}
.l-sectJoin__apply {
  padding: 5.2rem 4.3rem;
  margin-top: 5.6rem;
}
.l-sectJoin__apply .title {
  font-size: 1.75rem;
}
.l-sectJoin__apply .list {
  font-size: 1.25rem;
  line-height: 2;
  margin-top: 2.8rem;
}
.l-sectJoin__apply .list li + li {
  margin-top: 1.4rem;
}

.l-sectJoin__btn {
  margin-top: 4.8rem;
}
.l-sectJoin__btn a {
  font-size: 1.45rem;
  line-height: 6.4;
}

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

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

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

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

section.l-sectContact {
  width: 84%;
  margin-top: -0.8rem;
}
section.l-sectContact > .inner {
  width: 100%;
}
section.l-sectContact .left {
  padding-top: 4.6rem;
}
section.l-sectContact .right {
  margin-top: 5.3rem;
}

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

/* desc */

.l-sectContact__desc {
  font-size: 1.4rem;
  padding-left: 0rem;
  line-height: 2.1;
  width: 97%;
  margin: 0 auto;
}
.l-sectContact__desc a.mail {
  font-size: 1.7rem;
  margin-top: 1.7rem;
}

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

/* common */

.mw_wp_form {
  padding-top: 5.9rem;
}
.mw_wp_form p + p {
  margin-top: 2.7rem;
}
.mw_wp_form_complete {
  padding: 5rem 4.9rem 5rem;
  text-align: justify;
  margin-bottom: -4rem;
}
.mw_wp_form p:nth-child(11) {
  margin-top: 3rem;
}

/* title */

.formTitle {
  font-size: 1.4rem;
  margin-bottom: 0rem;
}

/* select */

.mw_wp_form select {
  height: 8rem;
}

/* input */

.mw_wp_form input {
  line-height: 6.5;
}

/* textarea */

.mw_wp_form textarea {
  min-height: 22em;
}

/* btn */

.mw_wp_form input.submit {
  font-size: 1.4rem;
  line-height: 6.8;
}

/* checkBox */

input[type=checkbox] + span {
  font-size: 1.4rem;
}

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

.mw_wp_form_confirm .formTitle {
  margin-bottom: -0.7rem;
}

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

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

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

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

section.l-sectPolicy {
  margin-top: -1rem;
  padding-bottom: 8rem;
}
section.l-sectPolicy > .inner {
  width: 82.5%;
}
section.l-sectPolicy dl:nth-child(1) {
  padding-top: 4.6rem;
}
section.l-sectPolicy dl:last-child {
  padding-bottom: 7.4rem;
}
section.l-sectPolicy dl + dl {
  margin-top: 4.6rem;
  padding-top: 4.6rem;
}

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

section.l-sectPolicy dt {
  font-size: 1.85rem;
}

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

section.l-sectPolicy dd {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  line-height: 2.1;
}


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