/* reset */
.breadcrumbs {
  display: none;
}

.js--display-ja {
  visibility: hidden;
}

.factoryPhilosophy__header__lead__layout,
.factoryPhilosophy__section__layout {
  display: grid;
  grid-template-rows: 1fr;
}

.js--display-ja,
.js--display-en {
  grid-area: 1 / 2;
}

.factoryPhilosophy {
  font-family: 'Noto Sans JP', sans-serif;
}

.factoryPhilosophy img {
  width: 100%;
  margin: auto;
}

.factoryPhilosophy__container {
  position: relative;
  max-width: 1210px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}


.factoryPhilosophy__header {
  padding: 200px 0 130px;
  background-color: #000;
  background-image: url(/site/wp-content/themes/megabass2021/lp/factory-philosophy/pc/images/mv_bg.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.factoryPhilosophy__header__title {
  padding: 30px 0 30px;
}

.factoryPhilosophy__header__title img {
  max-width: 1000px;
}

.factoryPhilosophy__header__lead {
  color: #fff;
  font-size: 18px;
  line-height: 2;
  text-shadow: 3px 2px 3px rgba(0, 0, 0, 1), 3px 2px 3px rgba(0, 0, 0, 1);
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 21vw;
}


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

  .factoryPhilosophy__header__title {
    padding: 170px 0 30px;
  }

  .factoryPhilosophy__header__lead {
    color: #fff;
    font-size: 18px;
    line-height: 2;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 0;
    padding: 0 2%;
  }
}

.factoryPhilosophy__header__switch {
  color: #fff;
  font-size: 18px;
  margin-top: 70px;
}

.factoryPhilosophy__header__switch dl {
  display: flex;
  gap: 10px;
}

.factoryPhilosophy__header__switch dt {
  font-weight: normal;
}

.factoryPhilosophy__header__switch dd label {
  outline: solid 1px #fff;
  padding: 0 10px;
  cursor: pointer;
}

.factoryPhilosophy__header__switch dd :checked + label {
  outline: solid 2px #fff;
}

.factoryPhilosophy__section__wrapper {
  background-color: #212c14;
  padding: 50px 0;
}

.factoryPhilosophy__section + .factoryPhilosophy__section {
  margin-top: 70px;
}

.factoryPhilosophy__section__title img {
  max-width: 1000px;
}


.factoryPhilosophy__section__image__link {
  transform: translateY(-50px);
  text-align: center;
}

.factoryPhilosophy__section__image__link a {
  font-size: 20px;
  color: #595757;
  font-weight: bold;
  text-decoration: underline;
}

@media screen and (max-width:1200px){
  .factoryPhilosophy__section__image__link {
    transform: translateY(calc(-50px + 0.5vw));
  }
}