@charset "utf-8";

.contents_wrap{
  background-image: url("../img/quality/life_support/bg_pc.webp");
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
}

@media all and (max-width: 768px) {
  .contents_wrap{
    background-image: url("../img/quality/life_support/bg_sp.webp");
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
  }  
}

.life_support_wrap{
  width:100%;
}
.life_support_blk_wrap{
  width:100%;
  display:flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.blk_col.col1{
  width:49.219%;/* 630px */
  margin-right:2.422%;
}
.blk_col.col2{
  width:48.359%;/* 619px */
}
.blk_col.col3{
  width:100%;
}
.blk_col.col4{
  width:45.313%;/* 580px */
  margin-right:3.203%;
}
.blk_col.col5{
  width:51.484%;/* 659px */
}
.blk_col.col6{
  width:100%;
}
.blk_col.col7{
  width:32.266%;/* 413px */
  margin-right:1.601%;
}
.blk_col.col8{
  width:32.266%;/* 413px */
  margin-right:1.601%;
}
.blk_col.col9{
  width:32.266%;/* 413px */
}
.inner_blk_col{
  display:flex;
  align-items: flex-start;
}
h4{
  margin-bottom: 15px;
}
.blk_col.col3 h4{
  margin-bottom: 20px;
}
h5{
  font-weight: normal;
  font-size:20px;
  width:100%;
  height:39px;
  line-height: 39px;
  color:#fff;
  background-color:#5c6885;
  padding:0 20px;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  margin-bottom:20px;
}
.blk_col:nth-child(n+7) h5{
  margin-bottom:0;
}
.l_ttl{
  font-size:20px;
  line-height:1;
  color:#5c6885;
  margin-bottom:5px;
  letter-spacing: 0.08em;
}
.l_txt{
  font-size:15px;
  line-height:1.667;
  letter-spacing: 0.08em;
}
.l_txt .cap{
  font-size:12px;
  display:block;
  margin-top:4px;
  letter-spacing: 0.08em;
}
.l_cap{
  font-size:12px;
  line-height:1.667;
  margin-top:7px;
  letter-spacing: 0.08em;
  padding-left:1em;
  text-indent:-1em;
}
.img{
  position: relative;
}
.img .cap{
  position: absolute;
  bottom:0;
  right:0;
  margin:5px;
  font-size:12px;
}
.img .cap.wh{
  color:#fff;
}
.blk_col:nth-child(n+3){
  margin-top:100px;
}
.blk_col:nth-child(n+4){
  margin-top:47px;
}
.blk_col:nth-child(n+6){
  margin-top:85px;
}
.blk_col:nth-child(n+7){
  margin-top:40px;
}
.blk_col.col1 .inner_blk_col{
  gap:3.809%;
}
.blk_col.col1 .inner_blk_col .l_txt_wrap{
  width:52.54%;
}
.blk_col.col1 .inner_blk_col .img{
  width:43.651%;
}
.blk_col.col2 .inner_blk_col{
  gap:3.07%;
}
.blk_col.col2 .inner_blk_col .l_txt_wrap{
  width:52.504%;
}
.blk_col.col2 .inner_blk_col .l_txt_wrap .img{
  width:100%;
  margin:16px 0 12px;
}
.blk_col.col2 .inner_blk_col > .img{
  width:44.426%;
}
.blk_col.col3 .inner_blk_col .blk_l{
  width:32.969%;/* 422px */
}
.blk_col.col3 .inner_blk_col .blk_l .img{
  width:48.578%;
  margin:0 31.517% 0 19.905%;
}
.blk_col.col3 .inner_blk_col .blk_l .img .cap{
  width:100%;
  margin:0;
  line-height: 1.25;
  bottom:-6px;
  right:-48.78%;
  text-align: right;
}
.blk_col.col3 .inner_blk_col .blk_r{
  width:67.031%;
  margin-top:10px;
}
.blk_col.col3 .inner_blk_col .blk_r .l_txt_wrap:last-child{
  border-top:1px solid #76829f;
  margin-top:14px;
  padding-top:20px;
}
.blk_col.col4 .inner_blk_col{
  gap:2.931%;
  border-bottom:1px solid #76829f;
  margin-bottom:20px;
  padding-bottom:18px;
}
.blk_col.col4 .inner_blk_col:last-child{
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}
.blk_col.col4 .inner_blk_col .img{
  width:86px;
  flex-shrink: 0;
}
.blk_col.col4 .inner_blk_col .l_txt_wrap{
  width:82.241%;
}
.blk_col.col4 .inner_blk_col .l_txt_wrap.top{
  margin-top:-5px;
}
.blk_col.col4 .inner_blk_col .l_txt_wrap .l_ttl{
  margin-bottom: 2px;
}
.blk_col.col4 .inner_blk_col .l_txt_wrap .l_txt .cap{
  margin-top:0;
}
.blk_col.col5 .inner_blk_col{
  gap:3.512%;
}
.blk_col.col5 .inner_blk_col .blk_l{
  width:39.28%;/* 251px */
}
.blk_col.col5 .inner_blk_col .blk_l .img{
  width:37.45%;
  margin:12px 28.287% 0 34.263%;
}
.blk_col.col5 .inner_blk_col .blk_l .img .cap{
  margin:0;
  bottom:0;
  right:-55px;
}
.blk_col.col5 .inner_blk_col .blk_r{
  width:57.208%;/* 377px */
  display:flex;
  align-items: flex-start;
  gap:2.122%;
}
.blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_l{
  width:53.05%;/* 200px */
}
.blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_l .logo_wrap{
  margin-top:28px;
}
.blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_l .logo_wrap .img{
  width:57.5%;
  margin-bottom:7px;
}
.blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_l .logo_wrap .logo_cap{
  font-size:13px;
  line-height: 1.769;
  color:#5c6885;
  letter-spacing: 0.08em;
}
.blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_r{
  width:44.828%;
  margin-top:39px;
}
.blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_r .img .cap{
  margin:0;
}
.blk_col.col6 .inner_blk_col{
  gap:3.203%;
}
.blk_col.col6 .inner_blk_col .blk_l{
  width:70.234%;/* 899px */
}
.blk_col.col6 .inner_blk_col .blk_l .inner_blk_l_l{
  display:flex;
  align-items: flex-start;
  gap:4.56%;
}
.blk_col.col6 .inner_blk_col .blk_l .inner_blk_l_l .l_txt{
  width:69.967%;
  order:1;
}
.blk_col.col6 .inner_blk_col .blk_l .inner_blk_l_l .img{
  width:24.027%;
  margin-right:1.446%;
  margin-top:13px;
  order:2;
}
.blk_col.col6 .inner_blk_col .blk_r{
  width:26.563%;/* 340px */
}
.blk_box{
  background-color:#fff;
  box-sizing: border-box;
  padding:12px 20px 20px;
}
.blk_box .l_txt sup{
  font-size:60%;
  position: relative;
  top:-5px;
}
.life_support_wrap > .caption{
  font-size:12px;
  line-height: 1.667;
  margin-top:24px;
  letter-spacing: 0.1em;
}

@media all and (max-width: 1348px) {
  .blk_col.col3 .inner_blk_col .blk_l .img .cap{
    bottom:-0.445vw;
    font-size:0.89vw;
  }
}

@media all and (max-width: 768px) {
  .life_support_blk_wrap{
    display:block;
  }
  .blk_col.col1{
    width:100%;
    margin-right:0;
  }
  .blk_col.col2{
    width:100%;
  }
  .blk_col.col4{
    width:100%;
    margin-right:0;
  }
  .blk_col.col5{
    width:100%;
  }
  .blk_col.col7{
    width:100%;
    margin-right:0;
  }
  .blk_col.col8{
    width:100%;
    margin-right:0;
  }
  .blk_col.col9{
    width:100%;
  }
  h4{
    margin-bottom: calc(11 / var(--media_sp) * 100vw);
  }
  .blk_col.col3 h4{
    margin-bottom: calc(40 / var(--media_sp) * 100vw);
  }
  .blk_col.col6 h4{
    line-height: 1.353;
  }
  h5{
    font-size: calc(28 / var(--media_sp) * 100vw);
    height: calc(56 / var(--media_sp) * 100vw);
    line-height: calc(56 / var(--media_sp) * 100vw);
    padding:0  calc(20 / var(--media_sp) * 100vw);
    margin-bottom: calc(25 / var(--media_sp) * 100vw);
  }
  .blk_col:nth-child(n+7) h5{
    text-align: center;
    margin-bottom:0;
  }
  .l_ttl{
    font-size: calc(28 / var(--media_sp) * 100vw);
    margin-bottom: calc(10 / var(--media_sp) * 100vw);
  }
  .l_txt{
    font-size: calc(24 / var(--media_sp) * 100vw);
  }
  .l_txt .cap{
    font-size: calc(20 / var(--media_sp) * 100vw);
    margin-top: calc(4 / var(--media_sp) * 100vw);
  }
  .l_cap{
    font-size: calc(20 / var(--media_sp) * 100vw);
    line-height:1.5;
    margin-top: calc(5 / var(--media_sp) * 100vw);
    padding-left:0;
    text-indent:0;
  }
  .img .cap{
    margin: calc(5 / var(--media_sp) * 100vw);
    font-size: calc(20 / var(--media_sp) * 100vw);
  }
  .blk_col:nth-child(n+2){
    margin-top: calc(80 / var(--media_sp) * 100vw);
  }
  .blk_col:nth-child(n+3){
    margin-top: calc(80 / var(--media_sp) * 100vw);
  }
  .blk_col:nth-child(n+4){
    margin-top: calc(40 / var(--media_sp) * 100vw);
  }
  .blk_col:nth-child(n+6){
    margin-top: calc(80 / var(--media_sp) * 100vw);
  }
  .blk_col:nth-child(n+7){
    margin-top: calc(60 / var(--media_sp) * 100vw);
  }
  .blk_col:nth-child(n+8){
    margin-top: calc(20 / var(--media_sp) * 100vw);
  }
  .blk_col.col1 .inner_blk_col{
    display:block;
    gap:0;
  }
  .blk_col.col1 .inner_blk_col .l_txt_wrap{
    width:100%;
  }
  .blk_col.col1 .inner_blk_col .img{
    width:100%;
    margin-top: calc(15 / var(--media_sp) * 100vw);
  }
  .blk_col.col2 .inner_blk_col{
    display:block;
    gap:0;
  }
  .blk_col.col2 .inner_blk_col .l_txt_wrap{
    width:100%;
  }
  .blk_col.col2 .inner_blk_col .l_txt_wrap .img{
    width:100%;
    margin:calc(10 / var(--media_sp) * 100vw) 0 calc(10 / var(--media_sp) * 100vw);
  }
  .blk_col.col2 .inner_blk_col > .img{
    width:100%;
    margin-top: calc(15 / var(--media_sp) * 100vw);
  }
  .blk_col.col3 .inner_blk_col{
    display:block;
  }
  .blk_col.col3 .inner_blk_col .blk_l{
    width:100%;
  }
  .blk_col.col3 .inner_blk_col .blk_l .img{
    width:82.239%;
    margin:0 auto 0 9.104%;
  }
  .blk_col.col3 .inner_blk_col .blk_l .img .cap{
    line-height: 1.5;
    bottom: 0;
    right: calc(-60 / var(--media_sp) * 100vw);
    font-size: calc(20 / var(--media_sp) * 100vw);
  }
  .blk_col.col3 .inner_blk_col .blk_r{
    width:100%;
    margin-top: calc(80 / var(--media_sp) * 100vw);
  }
  .blk_col.col3 .inner_blk_col .blk_r .l_txt_wrap:last-child{
    margin-top: calc(25 / var(--media_sp) * 100vw);
    padding-top: calc(30 / var(--media_sp) * 100vw);
  }
  .blk_col.col4 .inner_blk_col{
    gap:5.075%;
    margin-bottom: calc(29 / var(--media_sp) * 100vw);
    padding-bottom: calc(23 / var(--media_sp) * 100vw);
  }
  .blk_col.col4 .inner_blk_col:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
  }
  .blk_col.col4 .inner_blk_col .img{
    width:16.716%;
  }
  .blk_col.col4 .inner_blk_col .l_txt_wrap{
    width:78.209%;
  }
  .blk_col.col4 .inner_blk_col .l_txt_wrap.top{
    margin-top:0;
  }
  .blk_col.col4 .inner_blk_col .l_txt_wrap .l_ttl{
    margin-bottom: calc(10 / var(--media_sp) * 100vw);
  }
  .blk_col.col5 .inner_blk_col{
    display: block;
    gap:0;
  }
  .blk_col.col5 .inner_blk_col .blk_l{
    width:100%;
    display:flex;
    justify-content: space-between;
  }
  .blk_col.col5 .inner_blk_col .blk_l .l_txt_wrap{
    width:73.134%;
  }
  .blk_col.col5 .inner_blk_col .blk_l .img{
    width:24.179%;
    margin: calc(45 / var(--media_sp) * 100vw) 0 0;
  }
  .blk_col.col5 .inner_blk_col .blk_l .img .cap{
    bottom: calc(-30 / var(--media_sp) * 100vw);
    right:0;
  }
  .blk_col.col5 .inner_blk_col .blk_r{
    width:100%;
    gap:2.09%;
    margin-top: calc(60 / var(--media_sp) * 100vw);
  }
  .blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_l{
    width:61.493%;/* 412px */
  }
  .blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_l .logo_wrap{
    margin-top: 0;
    display:flex;
    align-items: center;
    justify-content: space-between;
  }
  .blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_l .logo_wrap .img{
    width:41.019%;
    margin-bottom:0;
  }
  .blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_l .logo_wrap .logo_cap{
    width:52.427%;
    font-size: calc(20 / var(--media_sp) * 100vw);
    line-height: 1.5;
  }
  .blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_r{
    width:29.701%;
    margin-top: calc(45 / var(--media_sp) * 100vw);
  }
  .blk_col.col5 .inner_blk_col .blk_r .inner_blk_r_r .img .cap{
    right: calc(-35 / var(--media_sp) * 100vw);
  }
  .blk_col.col6 .inner_blk_col{
    flex-wrap: wrap;
    gap:0;
  }
  .blk_col.col6 .inner_blk_col .blk_l{
    width:100%;
  }
  .blk_col.col6 .inner_blk_col .blk_l .inner_blk_l_l{
    display:block;
    gap:0;
  }
  .blk_col.col6 .inner_blk_col .blk_l .inner_blk_l_l .l_txt{
    width:100%;
  }
  .blk_col.col6 .inner_blk_col .blk_l .inner_blk_l_l .img{
    width:47.015%;
    margin-right:0;
    margin-top: calc(5 / var(--media_sp) * 100vw);
    float:right;
  }
  .blk_col.col6 .inner_blk_col .blk_r{
    width:100%;
    margin-top: calc(15 / var(--media_sp) * 100vw);
  }
  .blk_box{
    padding: calc(23 / var(--media_sp) * 100vw) calc(27 / var(--media_sp) * 100vw) calc(25 / var(--media_sp) * 100vw);
  }
  .blk_box .l_txt sup{
    top: calc(-8 / var(--media_sp) * 100vw);
  }
  .life_support_wrap > .caption{
    font-size: calc(20 / var(--media_sp) * 100vw);
    line-height: 1.5;
    margin-top: calc(30 / var(--media_sp) * 100vw);
  }
}