@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/* ----------------------
- 共通
- introduction_sec
---------------------- */
.link_sec {
  display: grid;
}

.main-visual .main_ttl-l {
  width: auto;
  padding-right: 3%;
}
.main-visual .main_ttl-l h2 {
  font-size: 28px;
}

/*=======================================
　introduction_sec
=======================================*/
.introduction_sec {
  margin-bottom: 221px;
}
@media screen and (max-width: 768px) {
  .introduction_sec {
    margin-bottom: 60px;
  }
}
.introduction_sec .c2_rimg-frame {
  display: grid;
  grid-template-columns: 42% 52%;
  gap: 5.55555556%;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .introduction_sec .c2_rimg-frame {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
.introduction_sec .c2_rimg-frame .cmn_txt {
  grid-column: 2;
  grid-row: 1;
}
@media screen and (max-width: 768px) {
  .introduction_sec .c2_rimg-frame .cmn_txt {
    grid-column: 1;
    grid-row: 1;
  }
}
.introduction_sec .c2_rimg-frame .img_frame {
  grid-column: 1;
  grid-row: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--white);
  border-radius: 5px;
  border: 1px solid var(--brown03);
  padding: 0;
}
@media screen and (max-width: 768px) {
  .introduction_sec .c2_rimg-frame .img_frame {
    grid-column: 1;
    grid-row: 2;
  }
}
.introduction_sec .c2_rimg-frame .img_frame img {
  border-radius: 5px;
}
.introduction_sec .c2_rimg-frame:nth-child(even) {
  grid-template-columns: 52% 42%;
}
@media screen and (max-width: 768px) {
  .introduction_sec .c2_rimg-frame:nth-child(even) {
    grid-template-columns: 1fr;
  }
}
.introduction_sec .c2_rimg-frame:nth-child(even) .cmn_txt {
  grid-column: 1;
  grid-row: 1;
}
.introduction_sec .c2_rimg-frame:nth-child(even) .img_frame {
  grid-column: 2;
  grid-row: 1;
}
@media screen and (max-width: 768px) {
  .introduction_sec .c2_rimg-frame:nth-child(even) .img_frame {
    grid-column: 1;
    grid-row: 2;
  }
}
.introduction_sec .effect {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 10px;
}
.introduction_sec .effect li {
  font-size: 14px;
  line-height: 1.4;
  color: #8A5858;
  background-color: #fff;
  border-radius: 50px;
  padding: 5px 15px;
}/*# sourceMappingURL=supplement.css.map */