@charset "utf-8";
/***************************************************************************************************
	page_inspection-analysis.css
***************************************************************************************************/
/*
*/
#page_inspection-analysis {
  width: 100%;
  padding-top:110px;
  padding-bottom: 100px;
  background-color: #ffffff;
}
/*
*/
#page_inspection-analysis .blk_1 {
  width:100%;
}
#page_inspection-analysis .blk_1 .gsty_phd_1 > div::before {
  position: absolute;
  content: '';
  display: block;
  left:0;
  top:0;
  width: 100%;
  height:100%;
  background-image: url('../images/page_bk_03.webp');
  background-size: 1171px auto;
  background-position: 90% 73%;
  mix-blend-mode:color-dodge;
  opacity:.8;
}
#page_inspection-analysis .blk_1 .gsty_phd_1 .bk > div {
  display: none;
}
/*
*/
#page_inspection-analysis .blk_2 {
  width: 100%;
  padding:0 var(--gap_1);
}
#page_inspection-analysis .blk_2 > div {
  width: 100%;
  max-width: 1340px;
  margin: auto;
}
/*  */
#page_inspection-analysis .blk_2_1 {
  padding:40px 0;
  max-width: var(--max_wid_1);
  margin: auto;
}
#page_inspection-analysis .blk_2_1 p {
  font-size: clamp(14px, 1.45vw, 16px);
}
/*  */
#page_inspection-analysis .blk_2_2 {
  padding:0 var(--gap_3);
  padding-top:80px;
  padding-bottom: 100px;
  background-color: #FAFAFA;
  border-radius: 30px;
}
#page_inspection-analysis .blk_2_2 > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 48.5%));
  gap:80px 3%;
  max-width: var(--max_wid_1);
  margin: auto;
}
#page_inspection-analysis .blk_2_2 > div > section h2 {
  font-size: clamp(18px, 2.36vw, 26px);
  line-height: 1.5;
  font-weight:500;
  color:var(--col_1);
  padding:0 0 .2em 0;
  border-bottom: 1px solid var(--col_1);
}
#page_inspection-analysis .blk_2_2 > div > section ul {
  display: flex;
  flex-direction: column;
  gap:clamp(16px, 1.81vw, 18px) 0;
  list-style: none;
  padding:20px 0 0 0;
}
#page_inspection-analysis .blk_2_2 > div > section ul li {
  display: block;
  height: clamp(40px, 7.14vw, 50px);
  background-position: 0 0;
  background-size: auto 100%;
}
#page_inspection-analysis .blk_2_2 > div > section ul li a {
  display: flex;
  font-size: clamp(14px, 1.45vw, 16px);
  line-height: 1.4;
  font-weight: 500;
  color:var(--col_1);
  height: 100%;
}
#page_inspection-analysis .blk_2_2 > div > section ul li a.nm_hover {
  text-decoration: underline;
}
#page_inspection-analysis .blk_2_2 > div > section ul li a::before {
  content:'';
  display: block;
  height: 100%;
  aspect-ratio: 2 / 1;
}
#page_inspection-analysis .blk_2_2 > div > section ul li a span {
  display: block;
  top:calc(50% - .6em);
  padding:0 0 0 2.8em;
}
#page_inspection-analysis .blk_2_2 > div > section ul li a span::before {
  position: absolute;
  content:'';
  width:1.25em;
  height:1.25em;
  border-radius: 50%;
  left:1em;
  top:2px;
  translate:0 0;
  background-color: var(--col_1);
  background-image: url('../images/ico_02.svg');
  background-size: .437em auto;
  background-position: 50% 50%;
}

/***************************************************************************************************
  responsive
***************************************************************************************************/
@media (width <= 1100px) {
/*
*/
#page_inspection-analysis {
  padding-top:80px;
  padding-bottom: 80px;
}
/*
*/
#page_inspection-analysis .blk_2 {
  padding:0;
}
#page_inspection-analysis .blk_2 > div {
  max-width: none;
}
/*  */
#page_inspection-analysis .blk_2_1 {
  padding:30px var(--gap_2);
  max-width: none;
}
/*  */
#page_inspection-analysis .blk_2_2 {
  padding:0 var(--gap_2);
  padding-top:40px;
  padding-bottom:60px;
  border-radius: 0;
}
#page_inspection-analysis .blk_2_2 > div {
  gap:60px 3%;
  max-width: none;
}
/*  */
}
/*
*/
@media (width <= 900px) {
/*
*/
#page_inspection-analysis {
  padding-bottom: 40px;
}
/*
*/
#page_inspection-analysis .blk_1 .gsty_phd_1 .bk::before {
  position: absolute;
  content: '';
  display: block;
  left:0;
  top:0;
  width: 100%;
  height:100%;
  background-image: url('../images/page_bk_03.webp');
  background-size: clamp(600px, 120%, 900px) auto;
  background-position: 50% 75%;
  mix-blend-mode:plus-lighter;
  opacity:.8;
}
#page_inspection-analysis .blk_1 .gsty_phd_1 .bk > div {
  display: none;
}
/*
*/
#page_inspection-analysis .blk_2_1 {
  max-width: 600px;
  padding:20px var(--gap_2);
}
/*  */
#page_inspection-analysis .blk_2_2 {
  padding-bottom:40px;
}
#page_inspection-analysis .blk_2_2 > div {
  max-width: 600px;
  grid-template-columns: 100%;
  gap:40px 0;
}
/*  */
}