@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- base
- description
- background_sec
- gn_sec
-------------------------*/
/*=======================================
　base
=======================================*/
.product_cem .main_ttl {
  background: url("../../asset/img/products/cem/main_img.jpg") no-repeat;
}
@media screen and (max-width: 768px) {
  .product_cem .main_ttl {
    background: url("../../asset/img/products/cem/main_img_sp.jpg") no-repeat;
  }
}
.product_cem .breadcrumbs {
  margin-bottom: 92px;
}

.flex, .features_sec .inner, .bg_sec .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 118px;
}
@media screen and (max-width: 768px) {
  .flex, .features_sec .inner, .bg_sec .inner {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .rightside, .bg_sec .inner .bg_right {
    width: 90%;
    margin-inline: auto;
  }
}

/*=======================================
　description
=======================================*/
.description {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .description {
    margin-bottom: 70px;
  }
}
.description .desc_intro {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .description .desc_intro {
    margin-bottom: 50px;
  }
}
.description .content_box01 .orange01 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.333;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .description .content_box01 .orange01 {
    font-size: 16px;
  }
}

/*=======================================
　bg_sec
=======================================*/
.bg_sec .inner .bg_left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bg_sec .inner .bg_left .cmn_ttl04 {
  margin-bottom: 22px;
}
.bg_sec .inner .bg_left .cmn_txt03 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .bg_sec .inner .bg_left .cmn_txt03 {
    margin-bottom: 35px;
  }
}
.bg_sec .inner .bg_left .cmn_list01__orange {
  gap: 18px 0;
}
@media screen and (max-width: 768px) {
  .bg_sec .inner .bg_left .cmn_list01__orange {
    gap: 12px 0;
    margin-bottom: 35px;
  }
}
.bg_sec .inner .bg_right {
  max-width: 292px;
}
.bg_sec .inner .bg_right figure {
  text-align: center;
  margin-bottom: 29px;
}
@media screen and (max-width: 768px) {
  .bg_sec .inner .bg_right figure {
    margin-bottom: 20px;
  }
}
.bg_sec .inner .bg_right figure img {
  margin-bottom: 10px;
}
.bg_sec .inner .bg_right figure .cmn_txt03 {
  line-height: 1.333;
}
.bg_sec .inner .bg_right .right_imgbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bg_sec .inner .bg_right .right_imgbox figure {
  margin-bottom: 0;
}

/*=======================================
　features_sec
=======================================*/
.features_sec .inner .features_left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .features_sec .inner .features_left {
    margin-bottom: 35px;
  }
}
.features_sec .inner .features_left .cmn_ttl04 {
  word-break: break-all;
}
.features_sec .inner .features_left .cmn_list01 {
  gap: 0;
}
.features_sec .inner .features_left li {
  font-size: 15px;
  line-height: 2.133;
  letter-spacing: 0;
}
.features_sec .inner .features_left li::before {
  top: 0.85em;
}
.features_sec .inner .features_right {
  max-width: 291px;
}
@media screen and (max-width: 768px) {
  .features_sec .inner .features_right {
    margin-inline: auto;
  }
}
.features_sec .inner .features_right figure img {
  margin-bottom: 10px;
}
.features_sec .inner .features_right figure .cmn_txt03 {
  line-height: 1.333;
}

/*=======================================
　pe_sec
=======================================*/
.pe_sec .pe_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 44px;
}
@media screen and (max-width: 768px) {
  .pe_sec .pe_content {
    display: block;
  }
}
.pe_sec .pe_content figure {
  max-width: 270px;
}
@media screen and (max-width: 768px) {
  .pe_sec .pe_content figure {
    margin-inline: auto;
  }
  .pe_sec .pe_content figure:first-of-type {
    margin-bottom: 20px;
  }
}
.pe_sec .pe_content figure img {
  margin-bottom: 10px;
}
.pe_sec .pe_content figure figcaption {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.222;
  text-align: center;
}/*# sourceMappingURL=cem.css.map */