@charset "UTF-8";
/* about設定
   =================================================================== */
.about .mainContainer {
  width: 880px;
  margin: 0 auto 190px; }

h2 {
  text-indent: -9999px;
  margin: 0 auto 40px;
  background: url(../img/common/title/about.png) no-repeat center center;
  background-size: auto 26px; }

.about__image {
  margin-bottom: 30px; }
  .about__image img {
    width: 100%;
    height: auto;
    border-radius: 20px; }

.about--title {
  margin-bottom: 30px; }
  .about--title dt {
    text-indent: -9999px;
    margin: 0 auto;
    width: 84px;
    border-bottom: #000 1px solid;
    background: url(../img/about/title1__en.png) no-repeat center center;
    background-size: 100% auto; }
  .about--title dd {
    text-indent: -9999px;
    margin: 0 auto;
    width: 46px;
    background: url(../img/about/title1.png) no-repeat center center;
    background-size: 100% auto; }

h4 {
  text-indent: -9999px;
  width: 236px;
  height: 20px;
  background: url(../img/about/title2--lead.png) no-repeat left center;
  background-size: 100% auto;
  margin-bottom: 14px; }

.about__concept {
  margin-bottom: 130px; }
  .about__concept .about__concept--text {
    text-indent: -9999px;
    margin: 0 auto;
    width: 356px;
    height: 133px;
    background: url(../img/about/concept.png) no-repeat center center;
    background-size: 100% auto; }

.about__quality {
  margin-bottom: 160px; }
  .about__quality .about--title dt {
    width: 72px;
    background: url(../img/about/title2__en.png) no-repeat center center;
    background-size: 100% auto; }
  .about__quality .about--title dd {
    width: 22px;
    background: url(../img/about/title2.png) no-repeat center center;
    background-size: 100% auto; }
  .about__quality .about__quality--image {
    width: 420px;
    position: absolute;
    top: auto;
    left: 0; }
    .about__quality .about__quality--image img {
      width: 100%;
      height: auto;
      border-radius: 16px; }
  .about__quality .about__quality--text, .about__quality h4 {
    margin-left: 452px; }

.about__message .about--title dt {
  width: 80px;
  background: url(../img/about/title3__en.png) no-repeat center center;
  background-size: 100% auto; }
.about__message .about--title dd {
  width: 46px;
  background: url(../img/about/title3.png) no-repeat center center;
  background-size: 100% auto; }
.about__message .about__message--image {
  width: 334px;
  position: absolute;
  top: auto;
  right: 0; }
  .about__message .about__message--image dt {
    margin-bottom: 5px; }
    .about__message .about__message--image dt img {
      width: 100%;
      height: auto;
      border-radius: 16px; }
  .about__message .about__message--image dd {
    letter-spacing: 0.2em; }
.about__message .about__message--text, .about__message h4 {
  margin-right: 366px; }
.about__message h4 {
  width: 266px;
  background: url(../img/about/title3--lead.png) no-repeat left center;
  background-size: 100% auto; }

/* plant設定
   =================================================================== */
ul.plant li.plant__1 {
  top: 215px;
  left: -180px; }
ul.plant li.plant__2 {
  display: none; }
ul.plant li.plant__3 {
  top: 645px;
  left: -60px; }
ul.plant li.plant__4 {
  top: 1050px;
  left: -46px; }
ul.plant li.plant__5 {
  bottom: 670px;
  left: -235px; }
ul.plant li.plant__6 {
  bottom: 330px;
  left: 30px; }
ul.plant li.plant__7 {
  bottom: 990px;
  left: auto;
  right: -30px; }
ul.plant li.plant__8 {
  bottom: -322px;
  left: 450px; }
ul.plant li.plant__9 {
  top: 250px; }
ul.plant li.plant__10 {
  top: 850px;
  right: 940px; }
ul.plant li.plant__11 {
  top: 880px;
  right: 20px; }
ul.plant li.plant__12 {
  top: 700px; }
ul.plant li.plant__13 {
  top: 1020px;
  right: 240px; }
ul.plant li.plant__14 {
  display: none; }
ul.plant li.plant__15 {
  right: 10px;
  bottom: 570px; }
ul.plant li.plant__16 {
  right: -150px; }