@charset "utf-8";

/* -------------------------------------------------------
共通
------------------------------------------------------- */


/* -------------------------------------------------------
main
------------------------------------------------------- */
.main {
  margin: 85px auto 0 auto;
  padding-top: 80px;
  height: calc(100vh - 120.5px);
  width: 850px;
  display: flex;
}

.img {
  width: 50%;
  padding-right: 50px;
  text-align: center;
}

.img img{
  margin-bottom: 30px;
}

.text {
  width: 50%;
  text-align: center;
}

.production-title {
  font-size: 1.7rem;
  font-weight: normal;
  border-top: solid 1px #303030;
  border-bottom: solid 1px #303030;
  padding: 10px 0;
  margin-bottom: 40px;
}

.text dl {
  display: flex;
  width: 70%;
  margin: 50px auto 0 auto;
}

.text-left {
  width: 50%;
}

.text-right {
  width: 50%;
}

.icon {
  width: 40px;
  height: auto;
}

dt {
  display: inline-block;
  border-bottom: solid 1px #303030;
  margin-bottom: 15px;
}


/* -------------------------------------------------------
mobile用
------------------------------------------------------- */
@media screen and (max-width: 1040px) {
  .main {
    flex-direction: column;
    width: 100%;
    padding: 40px 5% 0 5%;
  }

  .img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
  }

  .img img {
    width: 48%;
  }

  .text {
    width: 100%;
  }

  .production-title {
    font-size: 1.2rem;
    margin-bottom: 25px;
  }

  .text dl {
    width: 80%;
  }
}