/* adjustCommon.css */

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

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

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

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


◆ SP

// ● Common //

▼ Loading
▼ Humb
▼ Header
▼ Footer

--

// ● Section //

▼ fv
▼ mv
▼ Intro
▼ sectList
▼ sectArrow
▼ seviceList
▼ gallery
▼ credit
▼ sectInfo
▼ seviceList
▼ sectNews
▼ pagenation
▼ price

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


// ● Common  //


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

  ▼ 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: 74px;
  height: 74px;
}

/* --- icon --- */

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

/* 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: 23px;
  line-height: 1;
  margin-left: 3px;
}
.loadBg__cont .txt img {
  width: 130px;
}

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

  ▼ Humb

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

/* --------------------------- 
  ■ base
--------------------------- */

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

body.humbActive .l-humb {
  width: 72%;
}


/* --------------------------- 
  ■ Menu
--------------------------- */

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

.l-humbSect__menu {
  font-size: 1.2rem;
  transform: rotate(-90deg);
  transform-origin: top right;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.83em;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.1rem;
  padding-left: 3.2rem;
  padding-right: 2.2rem;
  top: 4rem;
  right: 4.1rem;
  border-radius: 2.5rem 2.5rem 0 0;
  filter: drop-shadow(4px 3px 3px rgba(0, 0, 0, 0.2));
  background-color: rgba(52, 52, 52, 0.4);
  backdrop-filter: blur(4px);
}


/* --------------------------- 
  ■ SectCont
--------------------------- */

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

.l-humbSect__cont {
  
}
.l-humbSect__cont > .inner {
  padding-top: 6rem;
}

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

body.humbActive section.l-humbSect.active .l-humbSect__title {
  width: 0;
  margin: initial;
}

/* ------ box ------- */

/* common */

.l-humbSect__box {
  width: 82%;
  margin:0 auto;
}
.l-humbSect__box.line:before {
  border-top: 1px solid #000;
}

.l-humbSect__box > .inner {
  width: 92.7%;
}
.l-humbSect__box:last-child {
  padding-bottom: 16rem;
}

/*
ver
*/

.l-humbSect__box.ver > .inner {
  padding-top: 5.4rem;
  padding-bottom: 5.2rem;
  flex-flow: column;
}

/*
hor
*/

.l-humbSect__box.hor > .inner {
  padding-top:5.5rem;
  padding-bottom: 5.5rem;
}

/*
info
*/

.l-humbSect__box.info > .inner {
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}

/*
nav
*/

.l-humbSect__box.nav  > .inner {
  flex-flow: column;
  padding-top: 6rem;
  padding-bottom: 4.1rem;
}
.l-humbSect__box.nav .l-humbList__info {
  width: 100%;
  align-items: center;
}
.l-humbSect__box.nav .l-humbList__info + .l-humbList__info {
  margin-left: initial;
  margin-top: 4rem;
}
.l-humbSect__box.nav .l-humbList__info .right {
  width: 100%;
}

.l-humbSect__box.nav .l-humbList__infoTitle {
  margin-top: -0.3rem;
}
.l-humbSect__box.nav .l-humbList__infoTitle .bold {
  font-size: 2.3rem;
  letter-spacing: 0.21em;
}

/*
sect
*/

.l-humbSect__box.hor.sect > .inner {
  padding-top: 6.8rem;
  padding-bottom: 6.5rem;
  width: 92.7%;
}
.l-humbSect__box.sect:last-child {
  padding-bottom: 0rem;
}

/*
contact
*/

.l-humbSect__box.contact .l-footer_cont {
  margin-top: 4.4rem;
}
.l-humbSect__box.contact .l-footer_cont .desc {
  font-size: 1.3rem;
  line-height: 2.3;
}

.l-humbSect__box.contact .l-footer_cont .mail {
  margin-top: 3.3rem;
}
.l-humbSect__box.contact .l-footer_cont .mail a {
  font-size: 1.6rem;
}
.l-humbSect__box.contact .l-footer_cont .mail .sub {
  font-size: 1.4rem;
}

.l-humbSect__box.contact .l-footer_cont .tel {
  margin-top: 1.7rem;
}
.l-humbSect__box.contact .l-footer_cont .tel .sub {
  font-size: 1.4rem;
}
.l-humbSect__box.contact .l-footer_cont .tel a {
  font-size: 1.55rem;
}

/* policy */

.l-humbSect__box.policy > .inner {
  padding: 2.4rem 0;
}
.l-humbList__policy {
  font-size: 1rem;
  letter-spacing: 0.05em;
}

/* sns */

.l-humbList__sns {
  font-size: 1rem;
  margin-left: 0rem;
}
.l-humbList__sns img.bl {
 width: 1.4rem; 
 height: 1.4rem;
}

.l-humbList__sns span {
  margin-left: 0.9rem;
  display: none;
}



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

/* ver */

.l-humbList__ver {
  width: 100%;
}
.l-humbList__ver + .l-humbList__ver {
  margin-left: 0%;
  margin-top: 4.1rem;
}
.design .l-humbList__ver + .l-humbList__ver {
  margin-top: 3.8rem;
}


.l-humbList__ver .right {
  width: 36%;
  margin-left: 14%;
}


/* hor */

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

/*
sect
*/

.l-humbSect__box.hor.sect .l-humbList__hor {
  color: #fff;
  flex-flow: column;
}
.l-humbSect__box.hor.sect .l-humbList__hor .left {
  width: 90%;
}
.l-humbSect__box.hor.sect .l-humbList__hor .right {
  width: 108%;
  margin-left: -4%;
  margin-top: 5rem;
}

/*
contact
*/

.contact .l-humbList__hor {
  flex-flow: column;
}
.contact .l-humbList__hor .left {
  width: 100%;
}
.contact .l-humbList__hor .right {
  width: 100%;
  margin-left: 0;
  margin-top: 5.6rem;
}

/* info */

.l-humbList__info {
  flex-flow: wrap;
}
.l-humbList__info .left {
  width: 100%;
}
.l-humbList__info .middle {
  display: none;
}
.l-humbList__info .right {
  width: 100%;
  margin-left: initial;
}


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

.l-humbList__title {
  font-size: 2.3rem;
  letter-spacing: 0.26em;
}
.l-humbList__title.philo {
  letter-spacing: 0.22em;
}
.l-humbList__title .normal {
  margin-top: -1.2rem;
}

/*
ver
*/

.l-humbList__ver .l-humbList__title {
  margin-top: -0.5rem;
}
.l-humbSect.design .l-humbList__ver .l-humbList__title {
  font-size: 2.3rem;
}


/*
hor
*/

.l-humbList__hor .l-humbList__title {
  font-size: 3.2rem;
  letter-spacing: 0.325em;
}
.l-humbList__hor .l-humbList__title .normal {
  margin-top: -1.8rem;
}

/*
sect
*/

.l-humbSect__box.sect .l-humbList__title {
  font-size: 3.4rem;
  letter-spacing: 0.4em;
}

/* info */

.l-humbList__infoTitle {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  margin-top: 0.5rem;
}
.l-humbList__infoTitle .sub {
  font-size: 0.8rem;
  letter-spacing: 0.54em;
  margin-top: 0.1rem;
  margin-left: 1.8rem;
}
.l-humbList__infoTitle .normal {
  margin-left: 1.2rem;
  letter-spacing: 0.14em;
  margin-top: 0rem;
}
.l-humbList__infoTitle .jpn {
  font-size: 1rem;
  letter-spacing: 0.13em;
  margin-left: 1.5rem;
  margin-top: 0.1rem;
  opacity: 0.6;
}


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

.l-humbList__sub {
  font-size: 1rem;
  margin-top: -0.7rem;
  opacity: 0.5;
  margin-bottom: 1.6rem;
}

/* info */

.l-humbList__infoSub {
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}


/* sect */

.l-humbSect__box.sect .l-humbList__sub {
  font-size: 1.3rem;
  margin-bottom: 3.1rem;
}



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

.l-humbList__desc {
  font-size: 0.8rem;
  letter-spacing: 0.09em;
  line-height: 2;
  opacity: 0.25;
}

/*
hor
*/

.l-humbList__hor .l-humbList__desc {
  width: 52%;
}

/* sect */

.l-humbSect__box.sect .l-humbList__desc {
  width: 88%;
  font-size: 1rem;
  line-height: 2.1;
  opacity: 0.6;
}
.l-humbSect__box.sect .l-humbList__desc.jpn {
  opacity: 0.6;
  font-size: 1.15rem;
  line-height: 2.4;
  width: 100%;
  padding-top: 0.6rem;
}


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

.l-humbList__btn {
  font-size: 1.3rem;
  width: 103%;
  margin-top: 2.5rem;
  margin-left: -1.5%;
}
.l-humbList__btn a,
.l-humbList__btn .btn {
  padding-top: 1.8rem;
  padding-bottom: 1.5rem;
}

/* hor */

.l-humbSect__box.hor .l-humbList__btn {
  display: none;
}

/* nav */

.l-humbSect__box.nav .l-humbList__btn {
  font-size: 1.3rem;
  margin-top: 2.7rem;
  width: 100%;
}
.l-humbSect__box.nav .l-humbList__btn a {
  padding-top: 1.7rem;
  padding-bottom: 1.2rem;
}


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

.l-humbList__image {
  width: 100%;
  height: 26.6vw;
}

/* hor */

.l-humbList__hor .l-humbList__image {
  height: 59vw;
}

/*
sect
*/

.sect .l-humbList__hor .l-humbList__image {
  height: 60.4vw;
}

/* ------ book ------- */

.l-humbList__image .df-popup-thumb .df-book-cover:after {
  width: 13.4rem;
  height: 7.6rem;
}

/* ------ contact ------- */

/* base */

.formBox + .formBox {
  margin-top: 1.8rem;
}
.formBox:before {
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  margin-left: 0.5rem;
}

/* form */

.l-humbSect__box.contact input {
  line-height: 2.6;
  border-radius: 4px;
}

/* btn */

.l-humbSect__box.contact .formBtn {
  margin-top: 1.7rem;
}
.l-humbSect__box.contact .formBtn input {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 4;
  padding-top: 0.5rem;
}

/* message */

.l-humbSect__box .wpcf7-response-output {
  font-size: 1.5rem;
  margin-top: 2.5rem !important;
}


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

  ▼ Header

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

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

.l-header__btn {
  width: 4.9rem;
  height: 1rem;
  top: 3.2rem;
  right: 2.7rem;
}


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

  ▼ Footer

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

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

footer.l-footer {
  height: 120.2vh;
  border-bottom: 0.7rem solid #fff;
}
footer.l-footer > .inner {
  width: 70%;
  margin-top: -6rem;
}

/*
contact
*/

body.contact footer.l-footer  {
  align-items: initial;
}
body.contact footer.l-footer > .inner {
  margin-top: 14.4rem;
  width: 68%;
  padding-bottom: 8rem;
}

body.contact footer.l-footer .left {
  width: 100%;
}


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

.l-footer_title {
  font-size: 3.35rem;
  letter-spacing: 0.425em;
}
.l-footer_title span {

}
.l-footer_title .normal {
  font-size: 100%;
}


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

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

.l-footer_cont {
  margin-top: 5.5rem;
}

/* ------ mail ------- */

.l-footer_cont .mail .sub {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
.l-footer_cont .mail a {
  font-size: 1.7rem;
  margin-left: 1.3rem;
}

/* ------ address ------- */

.l-footer_cont address {
  font-size: 1.4rem;
  margin-top: 4.2rem;
}

/*
contact
*/

body.contact .l-footer_cont address {
  display: block;
}


/* ------ instagram ------- */

.l-footer_cont .insta {
  font-size: 1.7rem;
}
.l-footer_cont .insta a:after {
  top: 35%;
}

/*
margin
*/

.l-footer_cont .insta:before {
  margin-top: 3rem;
  margin-bottom: 3.3rem;
}

/* ------ tel ------- */

.l-footer_cont .tel {
  margin-top: 0.3rem;
}
.l-footer_cont .tel a {
  font-size: 1.65rem;
}

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

.l-footer_cont .btn {
  width: 112%;
  margin-left: -6%;
  margin-top: 9.1rem;
}
.l-footer_cont .btn a {
  font-size: 1.7rem;
  padding: 4.1rem 0 3.9rem;
}

/*
contact
*/

body.contact .l-footer_cont .btn {
  width: 116%;
  margin-left: -8%;
}


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


// ● Section  //


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

  ▼ fv

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

/* --------------------------- 
  ■ section
--------------------------- */

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

section.l-fv {
  height: 105.2vw;
}

/*
margin
*/

.l-mvArea + section.l-fv {
  height: 132vw;
}

/*
service
*/

section.l-fv.service {
  height: 124vw;
}

/*
design
*/

section.l-fv.service.design {
  height: 138vw;
}

/*
arrow
*/

.l-fv.arrow {
  height: 133vw;
}

/*
archive
*/

body.archive section.l-fv.arrow {
  height: 114vw;
}

/*
single
*/

section.l-fv.single {
  height: initial;
}
section.l-fv.single > .inner {
  padding-bottom: 10.5rem;
}

/*
policy
*/

body.policy section.l-fv {
  height: 121vw;
}


/* --------------------------- 
  ■ l-fv__head
--------------------------- */

/* ------ logo ------- */

.l-fv__logo {
  width: 5.8rem;
  height: 5.8rem;
  margin-top: 2.5rem;
  margin-left: 2.5rem;
}
.l-fv__logo img {
  opacity: 0.23;
}


/* --------------------------- 
  ■ l-fv__cont
--------------------------- */

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

.l-fv__cont > .inner {
  width: 68%;
  margin: 3.8rem auto 0;
}

/*
philosophy
*/

body.philosophy .l-fv__cont > .inner {
  width: 70%;
}


/*
service
*/

section.l-fv.service .l-fv__cont > .inner {
  width: 67.2%;
  height: 71%;
  margin: -0.6rem auto 0;
}

/*
single
*/

section.l-fv.single .l-fv__cont > .inner {
  width: 69%;
  margin: 13.6rem auto 0;
}

/*
arrow
*/

section.l-fv.arrow .l-fv__cont > .inner {
  margin: 0rem auto 0;
}

/*
news
*/

body.news section.l-fv .l-fv__cont > .inner {
  margin: 15.5rem auto 0;
}


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

.l-fv__copy .title {
  font-size: 3.5rem;
  letter-spacing: 0.56em;
  line-height: 1.55;
}

/*
about
*/

body.about .l-fv__copy .title {
  font-size: 3.8rem;
  letter-spacing: 0.64em;
  line-height: 1.55;
}


/*
philosophy
*/

body.philosophy .l-fv__copy .title {
  font-size: 3.4rem;
  letter-spacing: 0.375em;
}

/*
brand
*/

body.brand section.l-fv.firsrt .l-fv__copy .title {
  font-size: 3.6rem;
  letter-spacing: 0.53em;
}

/*
graphic
*/

body.graphic section.l-fv.firsrt .l-fv__copy .title {
  letter-spacing: 0.45em;
}

/*
writing
*/

body.writing section.l-fv.firsrt .l-fv__copy .title {
  letter-spacing: 0.7em;
}

/*
single
*/

section.l-fv.single .l-fv__copy .title {
  font-size: 3.1rem;
  letter-spacing: 0.5em;
  line-height: 1.55;
}

/* eng */

.l-fv__copy .eng {
  font-size: 1.2rem;
  margin-top: 1.6rem;
}

/*
single
*/

section.l-fv.single .l-fv__copy .eng {
  font-size: 1.2rem;
}

/* jpn */

.l-fv__copy .jpn {
  font-size: 1.2rem;
}

/*
arrow
*/

section.l-fv.arrow .l-fv__copy .title {
  font-size: 3.35rem;
  letter-spacing: 0.5em;
}
body.web section.l-fv.arrow .l-fv__copy .title {
  letter-spacing: 0.45em;
}


/*
philosophy
*/

section.l-fv.arrow .l-fv__copy.philosophy {
  margin-left: -1.3rem;
}
section.l-fv.arrow .l-fv__copy.philosophy .title {
  font-size: 3.25rem;
  letter-spacing: 0.45em;
}

/* ------ policy ------- */

.l-fv__copy .titlePolicy {
  margin-top: 1rem;
}
.l-fv__copy .titlePolicy .eg {
  font-size: 3.15rem;
  letter-spacing: 0.385em;
  line-height: 1.45;
}
.l-fv__copy .titlePolicy .eg .n {
  display: block;
}
.l-fv__copy .titlePolicy .jp {
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  margin-top: 1.5rem;
}

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

.l-fv__desc {
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  width: 84%;
  margin-left: initial;
  margin-top: 2.5rem;
  line-height: 2.15;
}

/*
service
*/

section.l-fv.service .l-fv__desc {
  margin-top: auto;
  width: 83%;
  margin-left: initial;
}

/*
news
*/

section.l-fv.news .l-fv__desc {
  height: 6.5rem;
}

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

.l-fv__info {
  margin-top: 5.4rem;
  margin-left: initial;
  text-align: left;
}

/* list */

.l-fv__info ul li + li {
  margin-top: 2rem;
}
.l-fv__info ul li .sub {
  font-size: 1.3rem;
  letter-spacing: 0.25em;
}
.l-fv__info ul li .txt {
  font-size: 1.4rem;
  margin-top: 1.1rem;
  line-height: 1.7;
  opacity: 0.7;
}


/* --------------------------- 
  ■ l-fv__image
--------------------------- */

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

.l-fv__image {
  height: 99vw;
  margin: 12.1rem auto 0;
}


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

  ▼ mv

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

/* --------------------------- 
  ■ l-mv
--------------------------- */

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

/*
loading
*/

body.two section.l-mv {
  width: 97%;
}

/* --------------------------- 
  ■ l-mvArea
--------------------------- */

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

section.l-mvArea {
  height: 116.5vw;
}


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

  ▼ Intro

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

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

section.l-intro > .inner {
  padding-top: 7.9rem;
  padding-bottom: 11rem;
  width: 79%;
}


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

/* jpn */

.l-intro__copy .jpn {
  font-size: 2.4rem;
}

/* eng */

.l-intro__copy .eng {
  font-size: 1.4rem;
  margin-top: 1.5rem;
  margin-left: 0.1rem;
}


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

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

.l-intro__desc {
  margin-top: 4.6rem;
}

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

.l-intro__desc .txt {
  font-size: 1.5rem;
  line-height: 2.5;
  letter-spacing: 0.05em;
  width: 100%;
}
.l-intro__desc .txt + .txt {
  margin-top: 1.6em;
}

/*
sp
*/

body.top .l-intro__desc .first {
/*  display: none;*/
}
body.top .l-intro__desc .txt + .txt {
  margin-top: 3rem;
}

.l-intro__desc .txt .sp {
  /* display: none;*/
}
.l-intro__desc .txt br.pc {
  display: block;
}
.l-intro__desc .txt br.sp {
  display: none;
}

/*
single
*/

body.single .l-intro__desc .txt {
  width: 100%;
}

/* --------------------------- 
  ■ Mov & Video
--------------------------- */

/* ------ Mov ------- */

.l-introMov {
  width: 118%;
  margin-top: 10.3rem;
  margin-left: -9%;
  margin-bottom: 1.4rem;
  height: 65vw;
}
.l-introMov:before {
  width: 98.4%;
  height: 97.4%;
  border: 0px solid rgba(255,255,255,0.5);
}
.l-introMov figure:before {
  width: 6.4rem;
  height: 6.4rem;
}


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

  ▼ sectList

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

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

section.l-sectList {
 
}

/*
archive
*/

body.archive section.l-sectList {
  padding-top: 7.6rem;
}
body.archive .l-sectList > .inner {
  width: 100%;
  border-left: 0px solid #eeeeee;
}

/*
workflow
*/

section.l-sectList.flow .top {
  margin-top: initial;
}
section.l-sectList.flow li.l-sectList__cont {
  padding-top: 9rem;
  padding-bottom: 9rem;
  top: -7vw;
}
section.l-sectList.flow li.l-sectList__cont + li {
  
}

/*top*/

section.l-sectList.flow  li.l-sectList__cont > .top {
  width: 69.3%;
}

/*num*/

section.l-sectList.flow li.l-sectList__cont .num {
  font-size: 2.35rem;
  margin-top: -0.7rem;
  margin-left: 0.3rem;
}

/*title*/

section.l-sectList.flow li.l-sectList__cont .title {
  margin-left: initial;
  margin-top: 1.3rem;
}
section.l-sectList.flow li.l-sectList__cont .title .main {
  font-size: 3.75rem;
  letter-spacing: 0.1em;
}
section.l-sectList.flow li.l-sectList__cont .title .sub {
  letter-spacing: 0.125em;
  margin-top: 0.7rem;
  white-space: nowrap;
}

/*bottom*/

section.l-sectList.flow li.l-sectList__cont > .bottom {
  width: 99%;
}

/*cont*/

section.l-sectList.flow li.l-sectList__cont .cont {
  width: 71%;
  text-align: justify;
  margin: 4.3rem auto 0;
}
section.l-sectList.flow li.l-sectList__cont .txt {
  font-size: 1.35rem;
  line-height: 2.25;
  width: 100%;
}

/* --------------------------- 
  ■ l-sectList__cont
--------------------------- */

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

li.l-sectList__cont {
  padding-top: 7rem;
  padding-bottom: 8.4rem;
  top: initial;
  position: initial;
}
li.l-sectList__cont > .top {
  width: 70%;
  text-align: left;
}
li.l-sectList__cont > .bottom {
  margin: 9.2rem auto 0;
  width: 95.4%;
  flex-flow: column;
  align-items: initial;
}

li.l-sectList__cont + li {
  padding-top: 6.9rem;
}

/*
works
*/

section.l-sectList.works li.l-sectList__cont {
  padding-top: 8rem;
  padding-bottom: 11rem;
  top: -8vw;
}
section.l-sectList.works li.l-sectList__cont > .bottom {
  margin: 8rem auto 0;
}


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

/* title */

li.l-sectList__cont .title {
  margin-top: 2rem;
}

/*
main
*/

li.l-sectList__cont .title .main {
  font-size: 3.35rem;
  line-height: 1.55;
}
section.l-sectList.works li.l-sectList__cont .title .main {
  font-size: 3.15rem;
}

/*
sub
*/

li.l-sectList__cont .title .sub {
  font-size: 1.5rem;
  letter-spacing: 0.25em;
  margin-top: 1.5rem;
}


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

/* image */

li.l-sectList__cont .image {
  width: 42%;
  height: 55vw;
  padding: 0.3rem;
  margin-left: auto;
  margin-right: 9%;
}

/*
works
*/

section.l-sectList.works li.l-sectList__cont .image {
  width: 44vw;
  height: 59vw;
  margin-right: 2.3%;
}

/* cont */

li.l-sectList__cont .cont {
  width: 79.1%;
  margin: 8rem auto 0;
}

/*
txt
*/

li.l-sectList__cont .txt {
  font-size: 1.3rem;
  line-height: 2.5;
  letter-spacing: 0.05em;
  width: 91%;
}

/* readmore */

li.l-sectList__cont .btn {
  margin-top: 4.7rem;
  margin-left: auto;
  margin-right: 7.8rem;
  bottom: initial;
  right: initial;
}


/* --------------------------- 
  ■ l-sectList_btn
--------------------------- */

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

.l-sectList_btn {
  font-size: 1.7rem;
  letter-spacing: 0.125em;
  margin-top: 0.2rem;
  padding-bottom: 12rem;
}

/*
news
*/

body.news .l-sectList_btn {
  margin-top: 10rem;
  margin-bottom: initial;
}


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

  ▼ sectArrow

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

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

section.l-sectArrow > .inner {
  height: 104vw;
}

/*
margin
*/

section.l-intro + section.l-sectArrow > .inner {
  height: 36vw;
  margin-top: 9.3rem;
}


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

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

.l-sectArrow__cont {
  margin-top: auto;
}

/*
design
*/

section.l-gallery + section.l-sectArrow .l-sectArrow__cont,
section.l-sectCredit + section.l-sectArrow .l-sectArrow__cont {
  margin-top: initial;
}


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

/*
Design
*/

li.l-sectList__cont .btn .l-sectArrow__cont .arrow {
  margin-top: initial;
  margin-left: 13%;
  margin-right: initial;
  width: 10.2rem;
  height: 10.2rem;
}

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

/* engOnly */

.l-sectArrow__cont .engOnly {
  font-size: 3.45rem;
  letter-spacing: 0.125em;
}

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

.l-sectArrow__cont .arrow {
  width: 10.2rem;
  height: 10.2rem;
}


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

  ▼ gallery

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

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

section.l-gallery {
  padding-bottom: 0.4rem;
  padding-top: 0rem;
}

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

li.l-gallery__cont {
  height: 80vw;
  width: 98%;
}
li.l-gallery__cont + li.l-gallery__cont {
  margin-top: 0.5rem;
}


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

  ▼ credit

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

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

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

section.l-sectCredit > .inner {
  padding-top: 9rem;
  padding-bottom: 23rem;
}

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

.l-sectCredit__title {
  font-size: 3.2rem;
  letter-spacing: 0.65em;
}


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

.l-sectCredit__cont {
  margin-top: 3.7rem;
}
.l-sectCredit__list li + li {
  margin-top: 4.1rem;
}

/* part */

.l-sectCredit__list .part {
  font-size: 1.1rem;
}

/* credit */

.l-sectCredit__list .credit {
  margin-top: 1.2rem;
  font-size: 1.45rem;
}

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

  ▼ sectInfo

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

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

section.l-sectInfo > .inner {
  width: 79%;
  height: initial;
  margin-top: initial;
  padding-top: 0.9rem;
  padding-bottom: 2rem;
}

/*
service
*/

section.l-sectInfo.service > .inner {
  padding-top: 8.1rem;
  padding-bottom: 5.5rem;
}

/*
about
*/

section.l-sectInfo.service.about > .inner {
  padding-bottom: 14rem;
}

/*
policy
*/

section.l-sectInfo.service.policy > .inner {
  width: 72%;
  padding-top: 8.1rem;
  padding-bottom: 9.1rem;
}
.l-policy__list dl {
  display: block;
}
.l-policy__list dl + dl,
.l-policy__list + .l-policy__list {
  margin-top: 4rem;
  padding-top: 4rem;
}

.l-policy__list dt {
  width: 100%;
  font-size: 1.7rem;
}
.l-policy__list dd {
  font-size: 1.25rem;
  line-height: 2.2;
  width: 100%;
  margin-top: 2.1rem;
  margin-left: initial;
}


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

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

.l-sectInfo__copy .title {
  font-size: 3.2rem;
  letter-spacing: 0.65em;
  line-height: 1.55;
}
.l-sectInfo__copy .sub {
  display: block;
  display: none;
  font-size: 1.25rem;
  letter-spacing: 0.15em;
  margin-top: 1.5rem;
}


/*
about
*/

section.l-sectInfo.service.about .l-sectInfo__copy .title {
  font-size: 3.4rem;
  letter-spacing: 0.5em;
}


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

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

.l-sectInfo__cont {
  margin-top: 3.9rem;
}

/*
about
*/

section.l-sectInfo.service.about .l-sectInfo__cont {
  margin-top: 5.7rem;
}

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

.l-sectInfo__cont .desc {
  font-size: 1.25rem;
  line-height: 2.3;
}

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

.l-sectInfo__cont .btn {
  margin-top: 6.6rem;
  margin-left: -7%;
  width: 114%;
}
.l-sectInfo__cont .btn a {
  font-size: 1.7rem;
  letter-spacing: 0.125em;
  padding: 3.5rem 0 3rem;
}
.l-sectInfo__cont .btn + .btn {
  margin-top: 0.3rem;
  margin-bottom: initial;
}

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

.l-sectInfo__list {
  flex-flow: column;
}
.l-sectInfo__list > ul {
  width: 100%;
}
.l-sectInfo__list ul.main > li + li,
.l-sectInfo__list > ul + ul {
  margin-top: 1.5rem;
}

/* info */

.l-sectInfo__list dt {
  font-size: 1.2rem;
}
.l-sectInfo__list dd {
  font-size: 1.5rem;
  margin-top: 0.7rem;
}
.l-sectInfo__list dd.little {
  font-size: 1.4rem;
}

/* sub */

.l-sectInfo__list ul.sub li {
  font-size: 86%;
}
.l-sectInfo__list ul.sub li + li {
  margin-top: 0.5rem;
}

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

  ▼ seviceList

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

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

section.l-seviceList {
  
}
section.l-seviceList > .inner {
  
}


/* --------------------------- 
  ■ l-seviceList__cont
--------------------------- */

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

li.l-seviceList__cont {
  padding-top: 9.6rem;
  padding-bottom: 10rem;
  top: initial;
  position: relative;
}
li.l-seviceList__cont + li.l-seviceList__cont {
  margin-top: initial;
}

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

li.l-seviceList__cont .top {
  width: 95%;
}

/* title */

li.l-seviceList__cont .title .eng {
  font-size: 3.65rem;
  letter-spacing: 0.12em;
  line-height: 1.25;
}
li.l-seviceList__cont .title .jpn {
  font-size: 1.4rem;
}

/*
design
*/

section.l-seviceList.design .title .jpn {
  margin-top: 1.5rem;
  letter-spacing: 0.1em;
}


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

li.l-seviceList__cont .bottom {
  margin-top: 8.6rem;
  flex-flow: column;
  margin-left: auto;
}

/* image */

li.l-seviceList__cont .image {
  height: 61.5vw;
  width: 56.5%;
}

/* desc */

li.l-seviceList__cont .desc {
  line-height: 2.25;
  font-size: 1.4rem;
  width: 94%;
  margin: 9rem auto 0;
}

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

  ▼ sectNews

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

/* --------------------------- 
  ■ l-sectNews__list
--------------------------- */

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

ul.l-sectNews__list {
  width: 84%;
  margin: 0rem auto 0;
}
ul.l-sectNews__list li a > .inner {
  padding-top: 5.9rem;
  padding-bottom: 5.6rem;
}

/* ------ date ------- */

ul.l-sectNews__list .date {
  font-size: 1.2rem;
  width: 24.5%;
}

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

ul.l-sectNews__list .title {
  font-size: 1.4rem;
  width: 44%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

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

ul.l-sectNews__list .image {
  height: 16.1vw;
  width: 16vw;
}


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

  ▼ pagenation

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

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

section.l-pagenation {
  margin-top: 0rem;
  padding-bottom: 12rem;
}
.c-pagenation ul li + li {
  margin-left: 0.2rem;
}
.c-pagenation ul li a {
  font-size: 1.7rem;
}


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

  ▼ Price

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

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

section.l-sectPrice > .inner {
  width: 77%;
  margin: 7.3rem auto 16.4rem;
}


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

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

.l-sectPrice__cont + .l-sectPrice__cont {
  margin-top: 7.4rem;
}

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

.l-sectPrice__cont .title {
  font-size: 1.4rem;
  letter-spacing: 0.3em;
  margin-left: -0.1rem;
  font-weight: 600;
  text-transform: uppercase;
}


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

.l-sectPrice__cont .list {
  margin-top: 4.5rem;
}
ul.l-sectPrice__list + ul.l-sectPrice__list {
  margin-top: 3.4rem;
}
ul.l-sectPrice__list li + li {
  margin-top: 3.4rem;
}

/* item */

ul.l-sectPrice__list li .item .eng {
  font-size: 1.8rem;
  letter-spacing: 0.14em;
}
ul.l-sectPrice__list li .item .jpn {
  font-size: 1.2rem;
  margin-top: 1.2rem;
  opacity: 0.5;
}

/* price */

ul.l-sectPrice__list li .price {
  font-size: 1.7rem;
}
ul.l-sectPrice__list li .price:before {
  margin-right: -0.3rem;
}
ul.l-sectPrice__list li .price:after {
  margin-left: -0.2rem;
}

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