@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/* ----------------------
VDT症候群
- sec_summary
- sec_avoid
- sec_treatment
---------------------- */
/*===========================
　sec_summary
============================*/
.sec_summary .c2_rimg-frame {
  margin-bottom: 30px;
}
.sec_summary .frame_c2 {
  background-color: #F1EDEA;
}
.sec_summary .frame_c2 .frame_contents {
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
}
.sec_summary .frame_c2 .frame_contents .img {
  width: 78.2051282051%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sec_summary .frame_c2 .frame_contents .img {
    width: 100%;
  }
}

/*===========================
　sec_avoid
============================*/
.sec_avoid .c2_rimg {
  align-items: center;
  grid-template-columns: 34.7% 43.3333333333%;
  gap: 18.1111111111%;
}
@media screen and (max-width: 768px) {
  .sec_avoid .c2_rimg {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
.sec_avoid .c3_txt {
  margin-bottom: 38.5px;
}

/*===========================
　sec_treatment
============================*/
.sec_treatment .frame_c2 {
  background-color: #F9F7F4;
}
.sec_treatment .frame_c2 .frame_contents {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 35.2px;
}
.sec_treatment .frame_c2 .frame_contents .cmn_btn_01 a {
  min-width: 262px;
  padding: 19px 14px 18px;
}/*# sourceMappingURL=vdt.css.map */