.bread-on-pic02 {
  z-index: 1;
}

.testing-top-pic {
  position: relative;
  box-sizing: border-box;
  display: flex;
  max-height: 400px;
  overflow: hidden;
}
.testing-top-pic .text {
  box-sizing: border-box;
  width: 20%;
  display: flex;
  align-items: center;
  padding: 16px 30px 8%;
  background: #0A4773;
}
.testing-top-pic .text h1 {
  font-size: clamp(2.8rem, 3vw, 4rem);
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
}
.testing-top-pic .img {
  box-sizing: border-box;
  width: 80%;
}
.testing-top-pic .img figure {
  width: 100%;
  height: 100%;
}
.testing-top-pic .img img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.testing-top-pic::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(/testing-service/img/main-text.png) no-repeat left center/contain;
  height: 95px;
  width: 60%;
  max-width: 835px;
}
@media screen and (max-width: 812px) {

  .testing-top-pic {
    flex-direction: column-reverse;
    max-height: 100%;
  }
  .testing-top-pic .text {
    width: 100%;
    padding: 16px 16px 12%;
  }
  .testing-top-pic .text h1 {
    margin: 0 0 8px;
    font-size: 2.8rem;
  }
  .testing-top-pic .img {
    width: 100%;
  }
  .testing-top-pic::after {
    height: 8%;
    width: 100%;
    bottom: 20px;
  }
}

.testing-list .head-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  padding: 10px 18px 40px;
  background: #c6d3e8;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 70%,
    50% 100%,
    0% 70%
  );
}
.testing-list .head-box figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  max-width: 100px;
  min-width: 50px;
  min-height: 70px;
}
.testing-list .head-box h3 {
  font-weight: bold;
  line-height: 1.3;
}
.testing-list .service-box {
  padding: 24px;
  background: #daf1fb;
}

.testing-anc-link {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
}
.testing-anc-link::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #003b90;
  opacity: .4;
}
.testing-anc-link img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: .5s all;
}
.testing-anc-link p {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
@media (hover: hover)  {
  .testing-anc-link:hover img {
    transform: scale(1.15, 1.15);
  }
}

.col-4-6-colmn {
  display: flex;
  justify-content: space-between;
}
.col-4-6-colmn .col-4 {
  width: 40%;
}
.col-4-6-colmn .col-6 {
  width: 58%;
}
.pc-float-r {
  float: right;
}

@media screen and (max-width: 812px) {

  .testing-list li + li {
    margin-top: 40px;
  }
  .testing-anc-link p {
    font-size: 18px;
  }
  .col-4-6-colmn {
    flex-direction: column;
    gap: 8px;
  }
  .col-4-6-colmn .col-4,
  .col-4-6-colmn .col-6 {
    width: 100%;
  }
  .sp-mb10 {
    margin-bottom: 10px;
  }
}

 /* ０８１８追加 */

 .head-pic-set .head-tit-set {
     padding: 30px 20px;
     width: 400px;
     top: 50%;
     right: 2%;
     transform: translateY(-50%);
 }

 .head-pic-set .head-tit-set h2 {
     border-left: 4px solid #fff;
     padding-left: 15px;
     margin-bottom: 1.5em;
 }

 @media screen and (max-width: 812px),
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape),
 only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: landscape) {
	 
  .head-pic-set .head-tit-set {
     width: 100%;
     padding: 20px;
     transform: none;
  }
	 }

.testing-flow {
     width: 100％;
     table-layout: fixed;
  }

.testing-flow td {
     width: 16.666％;
     padding: 0;
     vertical-align:top;
  }
.testing-flow-title {
     heigt: 4em;
     padding: 10px;
  }
.testing-flow-body {
     padding: 10px;
     vertical-align:top;
  }


 @media screen and (max-width: 812px) {

.testing-flow,
.testing-flow tbody {
     display:block;
     width:100%;
  }

.testing-flow tr {
     display:grid;
     grid-template-columns:repat(3, 1fr);
     width: 100％;
  }

.testing-flow td {
     display:block;
     width: auto;
  }
}  


 /* ０８１８追加 */

.comparison {
     flex-wrap: wrap;
     display: flex;
 }
    
.comparison > .testing-pc {
     width:100%;
     height:auto;
 }
    
.comparison > div {
     width:50%;
 }
    
.comparison table {
     width:100%;
     table-layout: fixed;
 }
    

.comparison td {
     width:33.333%;
     vertical-align:top;
 }
    
.comparison .stg {
     display:block;
     min-height: 3em;
 }

.comparison p {
     margin: 0px;
 }

.comparison .testing-sp {
     display:none;
 }
    

 @media screen and (max-width: 812px) {
.comparison {
     display:block;
 }  

.comparison > .testing-pc {
     display:none;
 }
   
.comparison > div {
     width:100%;
 }


.comparison .testing-sp {
     display:block;
     width:100%;
     height:auto;
 }