@charset "UTF-8";
/* ====== English ====== */

/* ==== color ========================== */
:root {
  --color-black: #282816;
  --color-BtnBlack: #424224;
  --color-white: #FCFBFA;
  --color-lite: #F0F0F0;
  --color-gray: #e8e8e8;
  --color-red: #81513F;
  --color-subgray: #f7f7f7;
}

/*================================================
 *  body#english / top
 ================================================*/
#english.top h2 {
  padding-left: 0px;
  margin-bottom: 0;
}

#english.top h2 span.enttl {
  position: static;
}

#english .topAbout__txt div {
  writing-mode: unset;
  text-orientation: unset;
  /* text-align: center; */
}

#english .topService__btn {
  margin-top: 20px;
}

#english .main__logoArea p:first-of-type {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}

@media screen and (max-width:768px) {
  #english .main__logoArea p:first-of-type {
    font-size: 1.2rem;
  }
}

/*================================================
 *  topAbout
 ================================================*/
#english #topAbout {
  background: none;
  height: 100%;
}

#english #topAbout::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../../images/ill_philosophy.png);
  width: 100vw;
  height: 68vw;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#english #topAbout .topAbout__txt {
  padding-top: 0;
  max-width: 900px;
  margin: 0 auto;
}

#english #topAbout .topAbout__txt div {
  font-size: 1.5rem;
  line-height: 2.2;
}

@media screen and (max-width:768px) {
  #english #topAbout::before {
    /* content: none; */
    top: 200px;
  }

  #english #topAbout .topAbout__txt div {
    font-size: 1.3rem;
    line-height: 1.9;
    text-align: left;
  }

  #english #topAbout .topAbout__img {
    background: url(../../images/ill_philosophy_sp.png) no-repeat center/cover;
    height: 260px;
    margin-top: -50%;
  }
}

/*================================================
 *  topService
 ================================================*/
#english #topService {
  padding-top: 0;
}


/*================================================
 *  topWorks
 ================================================*/
@media screen and (max-width:768px) {
  #english #topWorks .topWorks_txt {
    text-align: center;
    margin: 20px auto 0;
  }
}

/*================================================
 *  english sub__main
 ================================================*/
#english #sub__main .sub__main--ttl h2 span {
  left: 20px;
}

@media screen and (max-width:768px) {
  #sub__main .sub__main--img {
    margin-top: 70px;
  }

  #english #sub__main .sub__main--ttl h2 span {
    left: 0;
  }
}