/*================================
  common
=================================*/
#Contents{
  padding-top: 0;
}
.header .header-logo{
  display: none;
}
.btn-menu .border-t, .btn-menu .border-m, .btn-menu .border-b{
  background: var(--baceColor)!important;
}
.btn-menu.open.btn-menu .border-m,
.btn-menu.open.btn-menu .border-m:after,
header.open .border-m,
header.open .btn-menu .border-m:after{
  filter: invert();
}
.btn-menu__icon.btn-search img,
.btn-menu__icon img{
  filter: invert();
}
.footer-inner{
  background: #fff;
}
.philosophy{
  font-family: "font-ja";
  line-height: 1.75;
  text-align: center;
  color: #fff;
}
.philosophy img{
  width: 100%;
  height: auto;
}
.philosophy span{
  display: block;
}
.philosophy__logo{
  width: calc(124*(100vw / 357));
  margin: calc(249*(100vw / 357)) auto calc(212*(100vw / 357));
  filter: invert(1);
}
.footer{
  background-color: #fff;
  padding-top: 0;
}
/*--------------------------------
  common for mobile
--------------------------------*/
@media (max-width: 767px) {
  .pcOnly{
    display: none;
  }
  .philosophy{
    text-shadow: 0 calc(3* (100vw / 357)) calc(6* (100vw / 357)) rgba(0, 0, 0, .15);
  }
}
/*--------------------------------
  common for desktop
--------------------------------*/
@media (min-width: 768px) {
  .spOnly{
    display: none;
  }
  .header .header-nav li.search,
  .header .header-nav li.cart{
    filter: invert(1);
  }
  .philosophy{
    font-size: 1.3rem;
    line-height: 1.3529411765;
  }
  .philosophy__logo{
    width: 26.3rem;
    margin: 44rem auto 3.7rem;
  }
}
/*--------------------------------
  common for tablet
--------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  .philosophy{
    font-size: calc(13* (100vw / 1024));
  }
  .philosophy__logo{
    width: calc(263* (100vw / 1024));
    margin: calc(440* (100vw / 1024)) auto calc(37* (100vw / 1024));
  }
}

/*================================
  txt
=================================*/
.philosophy .font-en{
  font-family:"Times New Roman", Times, serif;
}
.philosophy .philosophy__txt{
  font-size: calc(12* (100vw / 357));
  line-height: 2.16666;
}
.philosophy .philosophy__txt-big,
.philosophy .philosophy__numb{
  font-size: calc(13* (100vw / 357));
}
.philosophy [data-font-small]{
  font-size: calc(10* (100vw / 357));
  line-height: 2.4;
}
.philosophy [data-font-small="2"]{
  line-height: 2.85;
  margin-bottom: calc(32* (100vw / 357));
}
.philosophy [data-font-small="3"]{
  line-height: 3.85;
  margin-bottom: calc(46* (100vw / 357));
}
.philosophy [data-font-small="4"]{
  line-height: 2.5;
  margin-bottom: calc(52* (100vw / 357));
}
.philosophy__txtWrap-liner[data-liner="3"]{
  margin-bottom: calc(56*(100vw / 357));
}
.philosophy [data-txt-topic="4"]{
  letter-spacing: -0.03em;
  margin-bottom: calc(15*(100vw / 357));
}
.philosophy [data-block="05"] [data-txt="1"]{
  line-height: 1.75;
  letter-spacing: -0.05em;
  margin-bottom: calc(57*(100vw / 357));
  margin-left: calc(12*(100vw / 357));
}
.philosophy [data-font-small="5"]{
  line-height: 2.85;
  margin-bottom: calc(60* (100vw / 357));
}
.philosophy [data-ttl-main],
.philosophy [data-txt-topic]{
  font-size: calc(20* (100vw / 357));
}
.philosophy [data-ttl-main]{
  font-size: calc(19* (100vw / 357));
}
.philosophy [data-txt-topic="2"] [data-txt-aline="1"]{
  font-size: calc(20* (100vw / 357));
  margin-bottom: calc(-2* (100vw / 357));
}
.philosophy [data-txt-topic="2"] [data-txt-aline="2"]{
  font-size: calc(12* (100vw / 357));
  margin-bottom: calc(13* (100vw / 357));
}
/*--------------------------------
  txt for desktop
--------------------------------*/
@media (min-width: 768px) {
  .philosophy .philosophy__txt{
    font-size: 1.7rem;
    line-height: 1.5294117647;
  }
  .philosophy .philosophy__txt-big{
    font-size: 2.4rem;
  }
  .philosophy [data-font-small]{
    font-size: 1.5rem;
    line-height: 2.6666666667;
  }
  .philosophy [data-font-small="3"]{
    font-size: 1.7rem;
    line-height: 4.4;
    letter-spacing: 0.03em;
    margin-bottom: 8rem;
  }
  .philosophy [data-font-small="5"]{
    line-height: 2.6666666667;
    margin-bottom: 15.8rem;
  }
  .philosophy [data-font-small="4"]{
    line-height: 2.6666666667;
    margin-bottom: 32.7rem;
  }
  .philosophy [data-txt-topic][data-txt-topic="4"]{
    font-size: 2.3rem;
    letter-spacing: 0;
    margin-bottom: 5.2rem;
  }
  .philosophy [data-block="05"] [data-txt="1"]{
    line-height: 2.3529411765;
    letter-spacing: 0.03em;
    margin-bottom: 8.8rem;
    margin-left: 0.2rem;
  }
  .philosophy [data-ttl-main],
  .philosophy [data-txt-topic]{
    font-size: 2rem;
  }
  .philosophy [data-txt-topic="2"] [data-txt-aline="1"]{
    font-size: 2.3rem;
    margin-bottom: 1.2rem;
  }
  .philosophy [data-txt-topic="2"] [data-txt-aline="2"]{
    font-size: 1.5rem;
    letter-spacing: 0.06em;
    margin-bottom: 3rem;
  }
}
/*--------------------------------
  txt for tablet
--------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  .philosophy .philosophy__txt{
    font-size: calc(17* (100vw / 1024));
  }
  .philosophy .philosophy__txt-big{
    font-size: calc(24* (100vw / 1024));
  }
  .philosophy [data-font-small]{
    font-size: calc(15* (100vw / 1024));
  }
  .philosophy [data-font-small="3"]{
    font-size: calc(17* (100vw / 1024));
    margin-bottom: calc(80* (100vw / 1024));
  }
  .philosophy [data-font-small="5"]{
    margin-bottom: calc(158* (100vw / 1024));
  }
  .philosophy [data-font-small="4"]{
    margin-bottom: calc(327* (100vw / 1024));
  }
  .philosophy [data-txt-topic][data-txt-topic="4"]{
    font-size: calc(23* (100vw / 1024));
    margin-bottom: calc(52* (100vw / 1024));
  }
  .philosophy [data-block="05"] [data-txt="1"]{
    margin-bottom: calc(88* (100vw / 1024));
    margin-left: calc(2* (100vw / 1024));
  }
  .philosophy [data-ttl-main],
  .philosophy [data-txt-topic]{
    font-size: calc(20* (100vw / 1024));
  }
  .philosophy [data-txt-topic="2"] [data-txt-aline="1"]{
    font-size: calc(23* (100vw / 1024));
    margin-bottom: calc(12* (100vw / 1024));
  }
  .philosophy [data-txt-topic="2"] [data-txt-aline="2"]{
    font-size: calc(15* (100vw / 1024));
    margin-bottom: calc(30* (100vw / 1024));
  }
}

/*================================
  kigo
=================================*/
.philosophy .philosophy__btn{
  font-size: calc(11*(100vw / 357));
  padding: calc(5*(100vw / 357)) 0;
  margin-bottom: calc(66*(100vw / 357));
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
.philosophy .philosophy__txtWrap-liner{
  background: #fff;
  width: 1px;
  height: calc(134* (100vw / 357));
  margin-left: 50%;
}
.philosophy .philosophy__fixed_img{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  top: calc(50 * (100vw / 750));
}
.philosophy__fixed_img img{
  width: 100%;
  max-height: 100vh;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
/*--------------------------------
  kigo for desktop
--------------------------------*/
@media (min-width: 768px) {
  .philosophy .philosophy__btn{
    font-size: 1.2rem;
    width: 123.7rem;
    padding: 1.7rem 0 1.5rem;
    margin: 0 auto 37rem;
  }
  .philosophy .philosophy__txtWrap-liner{
    display: none;
  }
  .philosophy .philosophy__fixed_img{
    top: 5rem;
  }
}
/*--------------------------------
  kigo for tablet
--------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  .philosophy .philosophy__btn{
    font-size: calc(12* (100vw / 1024));
    width: 59%;
    padding: calc(17* (100vw / 1024)) 0 calc(15* (100vw / 1024));
    margin: 0 auto calc(370* (100vw / 1024));
  }
  .philosophy .philosophy__fixed_img{
    top: calc(50* (100vw / 1024));
  }
}

/*================================
  textline
=================================*/
.philosophy .philosophy__ttl-sub{
  margin-bottom: calc(88* (100vw / 357));
}
.philosophy [data-block="01"] [data-txt="1"]{
  margin-bottom: calc(18* (100vw / 357));
}
.philosophy [data-block="01"] [data-txt="2"]{
  margin-bottom: calc(36* (100vw / 357));
}
.philosophy .philosophy__txtWrap-liner[data-liner="1"]{
  margin-bottom: calc(34*(100vw / 357));
}
.philosophy [data-numb="1"]{
  margin-bottom: calc(23* (100vw / 357));
}
.philosophy [data-txt-topic="1"]{
  margin-bottom: calc(8* (100vw / 357));
}
.philosophy [data-block="02"] [data-txt="1"]{
  margin-bottom: calc(56* (100vw / 357));
}
.philosophy [data-numb="2"]{
  margin-bottom: calc(7* (100vw / 357));
}
.philosophy [data-block="02"] [data-txt="2"]{
  margin-bottom: calc(4* (100vw / 357));
}
.philosophy [data-block="02"] [data-txt="3"]{
  margin-bottom: calc(51* (100vw / 357));
}
.philosophy .philosophy__txtWrap-liner[data-liner="2"]{
  margin-bottom: calc(38*(100vw / 357));
}
.philosophy [data-txt-topic="3"]{
  line-height: 1;
  margin-bottom: calc(7* (100vw / 357));
}
.philosophy [data-block="04"] [data-txt="1"]{
  margin-bottom: calc(37*(100vw / 357));
}
/*--------------------------------
  textline for desktop
--------------------------------*/
@media (min-width: 768px) {
  .philosophy [data-block="01"] [data-txt="1"]{
    margin-bottom: 2.9rem;
  }
  .philosophy [data-block="01"] [data-txt="2"]{
    margin-bottom: 48.8rem;
    line-height: 2.333333;
  }
  .philosophy [data-ttl-main="1"]{
    font-size: 2.3rem;
    margin-bottom: 9.7rem;
  }
  .philosophy [data-txt-topic="1"]{
    font-size: 2.3rem;
    margin-bottom: 3rem;
  }
  .philosophy [data-block="02"] [data-txt="1"]{
    margin-bottom: 11rem;
  }
  .philosophy [data-block="02"] [data-txt="2"]{
    margin-bottom: 2.3rem;
  }
  .philosophy [data-block="02"] [data-txt="3"]{
    margin-bottom: 16.2rem;
  }
  .philosophy [data-font-small="2"]{
    margin-bottom: 18.5rem;
  }
  .philosophy [data-txt-topic="3"]{
    font-size: 2.1rem;
    line-height: 1;
    margin-bottom: 5.2rem;
  }
}
/*--------------------------------
  textline for tablet
--------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  .philosophy [data-block="01"] [data-txt="1"]{
    margin-bottom: calc(29* (100vw / 1024));
  }
  .philosophy [data-block="01"] [data-txt="2"]{
    margin-bottom: calc(488* (100vw / 1024));
  }
  .philosophy [data-ttl-main="1"]{
    font-size: calc(23* (100vw / 1024));
    margin-bottom: calc(97* (100vw / 1024));
  }
  .philosophy [data-txt-topic="1"]{
    font-size: calc(23* (100vw / 1024));
    margin-bottom: calc(30* (100vw / 1024));
  }
  .philosophy [data-block="02"] [data-txt="1"]{
    margin-bottom: calc(110* (100vw / 1024));
  }
  .philosophy [data-block="02"] [data-txt="2"]{
    margin-bottom: calc(23* (100vw / 1024));
  }
  .philosophy [data-block="02"] [data-txt="3"]{
    margin-bottom: calc(162* (100vw / 1024));
  }
  .philosophy [data-font-small="2"]{
    margin-bottom: calc(185* (100vw / 1024));
  }
  .philosophy [data-txt-topic="3"]{
    font-size: calc(21* (100vw / 1024));
    line-height: 1;
    margin-bottom: calc(52* (100vw / 1024));
  }
}