.plus_01{
 background: url("/case-studies/powerreport_plus/safety_and_ai/image/bg.png") no-repeat top center;
 }

.JS .plus_01 .GridSet > .Grid5{ padding-top:0;}
.plus_01 .PageTitleStyle5{
   background: url("/case-studies/powerreport_plus/safety_and_ai/image/KV.png") no-repeat top center;
   width: 100%;
   height: 100%;
   padding-bottom: 0;
   background-size: cover !important;
   object-fit: cover !important;
   aspect-ratio: 12 / 5;
 }
  .plus_01 .PageTitleStyle5 h1,
  .plus_01 .PageTitleStyle5 p.c-text{
  display: none;
  }
  .plus_01 .introduction{
   background-color: #fff;
   max-width: 1160px;
   margin: 25px auto 0;
   border-bottom: 4px solid #cc0000;
   padding: 20px 40px;
   display: flex;
  }
  .plus_01 .introduction dl{
   display: flex; 
   margin-right: 60px;
  }
  .plus_01 .introduction dl dt{
  font-size: 170%;
  font-weight: bold;
  }
  .plus_01 .introduction dl dt span{
  display: block;
  font-size: 70%;
  line-height: 100%;
  }
  .plus_01 .introduction dl dd{
  margin-left: 30px;
  }

 .plus_01 .PageTitleStyle5 + .Section{ margin-top: 0;}
 .plus_01 .-lead {
    padding-top: 22px;
    padding-bottom: 100px;
}
 
.plus_01 h2{
/* 背景のグラデーション設定 */
  background: linear-gradient(
    90deg, 
    #c81515 0%,    /* 左端の濃い赤 */
    #e25c52 30%,   /* 中間の色 */
    #f8b4b0 100%   /* 右端の薄いピンク */
  );
  /* 文字の装飾 */
  color: white;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-left: 6px solid #737373;
  padding: 5px 0px 0;
  margin-bottom: 20px;
  }
.plus_01 h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 98%; /* 切り込みを入れたい位置 */
  width: 45px;
  height: 100%;
  background-color: #fff; /* 背景が白の場合 */
  transform: skewX(-30deg); /* 斜めに傾ける */
}
.plus_01 h2 span{
  position: relative;
  z-index: 1;
  background: none;
  color: #fff;
  }
.plus_01 .talktype{}
.plus_01 .talktype span{
 font-weight: bold;
 padding-right: 1em;
}

.plus_01 .Column3 {}

@media screen and (min-width: 995px) and (max-width: 1304px){
}
@media screen and (max-width: 994px) {
.plus_01 .introduction dl{ font-size: 70%;}
}
@media screen and (max-width: 767px) {
.JS .GridSet {margin: 0 10px; width: 95vw;}
.plus_01 .PageTitleStyle5{aspect-ratio: 8 / 3;}
.plus_01 .introduction{display: block; padding: 20px;}
.plus_01 .introduction dl{margin-bottom: 20px; font-size: 75%;}
.plus_01 .TextStyle1.talktype{ font-size: 110%;}
.plus_01 .Column3,
.plus_01 .Column1 { width: 97%; margin: 0 auto!important;}
}
@media screen and (min-width: 439px) and (max-width: 766px){
}
@media screen and (max-width: 440px){
.plus_01 .PageTitleStyle5{
   background: url("/case-studies/powerreport_plus/safety_and_ai/image/KV_sp.png") no-repeat top center;
   width: 100%;
   height: 81vw;
    }
}