@charset "UTF-8";
/* 夢工房の8つのこだわり */

.kodawari-top {
  margin-top: 3.125em;
  text-align: center;
}

.about-box {
  width: 100%;
  max-width: 71.875em;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5625em;
  padding-bottom: 1.875em;
  background-image: url(../../images/bg_rough_touch.png);
}

.about-box__text {
  font-size: 1em;
  line-height: 2.5;
  text-align: center;
}

.kodawari-top__text {
  font-size: 1em;
  line-height: 2.5;
}

.kodawari-item__text {
  padding-right: 3em;
  padding-left: 4.5em;
  font-size: 0.98438em;
  line-height: 2;
}

.kodawari-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 1.42857em;
  padding-left: 1em;
  font-size: 1.75em;
  font-weight: bold;
}

.kodawari-title::before {
  width: 1.35714em;
  height: 1.35714em;
  margin-right: 1em;
  background-image: url(../../images/bg_kodawari_title.png);
  background-size: contain;
  content: '';
}

.kodawari-title--orange {
  color: #e13828;
}

.kodawari-title--mint {
  color: #0da667;
}

.kodawari-title--ocean {
  color: #171c61;
}

.kodawari-title--red {
  color: #bd0d23;
}

.kodawari-title--green {
  color: #006934;
}

.kodawari-title--yellow {
  color: #ec9000;
}

.kodawari-title--sky {
  color: #036eb1;
}

.kodawari-title--violet {
  color: #8d0050;
}

.kodawari-item__cnt {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 3.125em;
  padding-right: 4.25em;
  padding-left: 4.25em;
}

.kodawari-point {
  position: relative;
  width: 21.4375em;
  padding: 1.0625em;
  border-radius: 6px;
  background-image: url(../../images/bg_pattern_chain.png);
}

.kodawari-point:not(:last-of-type) {
  margin-right: 3%;
}

.kodawari-point__num {
  -webkit-transform: translateX(-50%);
  position: absolute;
  top: -0.78125em;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
}

.kodawari-point__num--orange {
  color: #e13828;
}

.kodawari-point__num--mint {
  color: #0da667;
}

.kodawari-point__num--ocean {
  color: #171c61;
}

.kodawari-point__num--red {
  color: #bd0d23;
}

.kodawari-point__num--green {
  color: #006934;
}

.kodawari-point__num--yellow {
  color: #ec9000;
}

.kodawari-point__num--sky {
  color: #036eb1;
}

.kodawari-point__num--violet {
  color: #8d0050;
}

.kodawari-point__img {
  margin-top: 0.9375em;
  text-align: center;
}

.kodawari-point__title {
  margin-top: 0.5em;
  font-size: 1.875em;
  font-weight: bold;
  text-align: center;
}

.kodawari-point__title--small {
  font-size: 1.75em;
}

.kodawari-point__text {
  margin-top: 0.9375em;
  padding-right: 0.15625em;
  padding-left: 0.15625em;
  font-size: 1em;
  line-height: 2;
}

@media screen and (max-width: 1900px) {
  /* 夢工房の8つのこだわり */
}

@media screen and (max-width: 1540px) {
  /* 夢工房の8つのこだわり */
}

@media screen and (max-width: 1260px) {
  /* 夢工房の8つのこだわり */
}

@media screen and (max-width: 1024px) {
  /* 夢工房の8つのこだわり */
  .kodawari-item__cnt {
    padding-right: 2.125em;
    padding-left: 2.125em;
  }
  .kodawari-point__title {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 768px) {
  /* 夢工房の8つのこだわり */
  .kodawari-item__cnt {
    padding-right: 1em;
    padding-left: 1em;
  }
  .kodawari-point:not(:last-of-type) {
    margin-right: 2%;
  }
  .kodawari-point {
    width: 32%;
  }
  .kodawari-point__title {
    font-size: 1.125em;
  }
}

@media screen and (max-width: 480px) {
  /* 夢工房の8つのこだわり */
  .about-box {
    padding-right: 0.9375em;
    padding-left: 0.9375em;
  }
  .kodawari-item__text {
    padding-right: 1em;
    padding-left: 1em;
  }
  .kodawari-title {
    padding-left: 0.3125em;
    font-size: 1.375em;
  }
  .kodawari-item__cnt {
    display: block;
  }
  .kodawari-point:not(:last-of-type) {
    margin-right: auto;
  }
  .kodawari-point {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .kodawari-point:not(:first-of-type) {
    margin-top: 2.1875em;
  }
  .kodawari-point__title {
    font-size: 1.375em;
  }
}